/*
 *   Important Information about this CSS File
 *
 * - Do not delete or rename this file, if you do not use it leave it blank (delete
 *   everything) and the file will be skipped when you enable Production Mode in
 *   the Global theme settings.
 *
 * - Read the _README file in this directory, it contains useful help and other information.
 */
/* Increase the body font size on small devices */

/* =============================================================================
 *   Base
 * ========================================================================== */
div#content-column,
div.content-inner,
.sidebar-first div.content-inner,
.sidebar-second div.content-inner,
.two-sidebars div.content-inner,
div.sidebar,
.sidebar-first div.sidebar,
.sidebar-second div.sidebar,
.two-sidebars div.sidebar,
div.region .block {
    clear: none;
    width: auto;
}

.no-tablet {
  display: none;
}

.tablet {
  display: block;
}

/* =============================================================================
 *   Header
 * ========================================================================== */

/* Menu Header */
div.region-leaderboard nav.leaderboard-menu ul.menu {
  margin: 0 0 0 10px;
}

div.region-leaderboard nav.leaderboard-menu ul.menu li {
  margin-right: 10px;
}

/* Search */
div#block-jnj-custom-jnj-custom-gs-desktop-top {
  width: 262px;
}
@media screen and (max-width: 705px) {
  div#block-jnj-custom-jnj-custom-gs-desktop-top {
    width: 205px;
  }
}

div#search input#input-search {
  width: 125px;
}

/* Logo */
body section#block-views-header-and-footer-logo {
  width: 255px;
}

/* Main Menu */
body nav.main-menu {
  margin: 0 auto;
}
body nav.main-menu  li {
  margin: 0 1.3%;
}
* + html body nav.main-menu  li {
  margin: 0 2.6%;
}
body nav.main-menu  li.first {
  margin-left: 0;
}
body nav.main-menu  li.last {
  margin-right: 0;
}

body nav.main-menu  li a {
  font-size: 16px;
}

.main-menu li ul.menu {
  position: absolute;
  width: 190px;
  display: none;
  padding: 0px;
  margin: 0px;
  list-style: none;
}

div#content div.view-home-gallery #slider .views-field-title,
div#content div.view-home-gallery #slider .views-field-field-hide-slide-title{
  width:auto;
  bottom: 58%;
  left: 3%
}

div#content div.view-home-gallery #slider .views-field-title {
  display: none;
}

div#content div.view-home-gallery #slider .views-field-title span a,
div#content div.view-home-gallery #slider .views-field-field-hide-slide-title span a{
  font-size: 20px;
  font-weight:bold;
  text-decoration:none;
}

div#content div.view-home-gallery #slider .views-field-body{
  width: 48%;
  bottom: 52%;
  left: 3%;
}

div#content div.view-home-gallery #slider .views-field-body p{
  font-size:12px;
}

div#content div.view-home-gallery #slider .views-field-field-full-story-link-text {
  bottom:45%;
  left:3%;
}

div#content div.view-home-gallery .thumbnails {
  left: 2%;
}

div#content div.view-home-gallery .thumbnails h3{
  font-size:15px;
  line-height: 20px;
  font-weight:bold;
}
div#content div#block-views-home-gallery-block div.views-field-field-hide-slide-title,
div#content div#block-views-home-gallery-block div.views-field-body,
div#content div#block-views-home-gallery-block div.views-field-field-full-story-link-text {
  margin-left: 4%;
  margin-bottom: 5px;
}
div#content div#block-views-home-gallery-block div.home-slide-content.no-mobile {
  top: 22%;
}


/* =============================================================================
 *   Footer
 * ========================================================================== */
/* Menu Footer */
body footer#footer nav.footer-menu,
body footer#footer section#block-views-header-and-footer-footer {
  width: 100%;
}

/* Social Links */

footer#footer section.social-links{
  display:none;
}

div.view-id-header_and_footer div.mobile{
  display:block !important;
}

footer#footer section.social-links {
  width: 100%;
  padding: 0 !important;
  margin: 0 !important;
}

div.view-id-header_and_footer div.mobile ul li.find{
  display:none;
}

section.footer-logo {
  float: none !important;
  height: auto !important;
  margin: 0 auto !important;
  padding: 0 !important;
  text-align:center !important;
  width: 90% !important;
}

footer#footer div.social-links {
  width: 100%;
  margin: 0 !important;
  padding: 0 !important;
}

body footer#footer .social-links ul {
  margin: 2px 0 8px;
  overflow: hidden;
}

footer#footer .social-links li {
  margin-bottom: 10px;
  padding-left:0;
  width:6%;
}

footer#footer .social-links li a{
  margin:0 auto;
}

footer#footer ul#social-links li.jnjcomm {
  clear: both;
}

footer#footer .footer-logo img {
  padding-right: 0;
}

div.view-gallery {
  float: none;
  margin:0 auto;
}

/* Video Player */
div.region-content-aside .video-player,
div.region-content-aside .video-player_wrapper {
  width: 100% !important;
  max-width: 350px;
  min-width: 300px;
  float: none;
  margin: 30px auto 0;
}

div.region-content-aside div.video-player-text {
  width: 100%;
  max-width: 350px;
  min-width: 280px;
  float: none;
  padding-left: 0;
  margin: 0 auto;
}

div.region-content-aside div.video-player-text a {
  width: 90% !important;
  background-position: top right;
  margin-left: 5%;
}

/* Content Internal Pages */
div.interior-text {
  float: none;
  width: 100%;
}

div.pdf-list {
  float: none;
  margin-left: 0;
}

/* Print Version Overlay */
#print-modal {
  margin-left: -50%;
}

/* Our Products Landing Page */
div#content div.view-our-products-gallery div#our_thumbnails ul li.views-row{
  float:left;
  border-top:0;
  width:21% !important;
}

/* Care Inspire Care */
div.cic-video-list div.views-row{
  color: #555555;
  float: left;
  padding: 2%;
  width: 46%;
  text-align:center;
  min-height: 280px;
}

/* Care Inspire Care */
div#content div.teaser-cic-header p.text-cic{
  font-size:75% !important;
  width: 60%;
  line-height:normal;
}

/* Our Timeline - Page */
div.timeline div.main-nav ul li a {
  font-size: 1em !important;
}
div.timeline div.carousel ul.slides.pagination li{
  min-width: 45px !important;
  padding: 4px 1px !important;
}
div.timeline div.carousel ul.slides.pagination li span {
  font-size: 0.9em !important;
}
div.timeline div.information{
  margin-top: 15% !important;
  width: 300px !important;
  padding: 15px !important;
}
div.timeline div.information h2 {
  font-size: 1.6em;
}
div.timeline div.information h3{
  font-size: 2em;
}
div.timeline div.information p {
  font-size: 0.8em !important;
}
div.timeline a.start-button {
  margin-right: 8% !important;
}
html.iPad body div#content div.timeline div.main-nav ul li {
  margin-bottom: 10% !important;
}
/* END Our Timeline - Page */

/* SiteMap */
.sitemap-block ul li ul li ul{
  width:29%;
}

/* Contact US */
form#jnj-custom-contact-us-form div.subject label,
form#jnj-custom-contact-us-form div.country label {
  margin: 2px 0 0 0 !important;
}
form#jnj-custom-contact-us-form div.subject label.error,
form#jnj-custom-contact-us-form div.country label.error {
  clear: left !important;
  margin-left:235px !important;
}
/* END Contact US */

/* BEGIN Our News Center Landing Page */

.new-layout h1#page-title {
  color: #000 !important;
  margin-left: 10px !important;
}

body.our-news-center .region-sidebar-second {
  width: 30% !important;
  float: right !important;
  margin-right: 8% !important;
}
/* END Our News Center Landing Page */

/* BEGIN News Landing */
body.newsroom-landing-page.not-front section#main-content {
  width: 64% !important;
  float:left !important;
}

body.newsroom-landing-page .region-sidebar-second{
  top: 231px !important;
  right:0;
  width: 30% !important;
  position: absolute;
}

div.accordion-bar-gray .accordion-toggle,
div.accordion-bar-gray .accordion-open,
div.accordion-bar-gray .accordion-open-close,
div.accordion-bar-gray .accordion-close {
  background-position: 96% -21px !important;
}

.open div.accordion-bar-gray .accordion-toggle,
.open div.accordion-bar-gray .accordion-open,
.open div.accordion-bar-gray .accordion-open-close,
.open div.accordion-bar-gray .accordion-close {
  background-position: 96% 22px !important;
}

/* END News Landing */

/* BEGIN: Our Responsibility */

/* Our Stories/Reports */

.two-sidebars .region-sidebar-second .region-inner {
  width: 94% !important;
  margin:0 auto !important;
  float:none !important;
}

.related-touts .views-row {
  float: left;
  width: 48%;
  margin-right: 2% !important;
}

.our-engagements-page-filter {
  width: 30%;
}
/* END: Our Responsibility */