/*
 * OSG Specific Styles
 */

/*	main-menu	*/
.nav-surgeongeneral-about,
.nav-surgeongeneral-priorities,
.nav-surgeongeneral-reports-and-publications,
.nav-surgeongeneral-usphs {
  background-color: #185394;
  border: 2px solid #185394;
  padding-top: 18px;
}

.nav-surgeongeneral-about.is-active,
.nav-surgeongeneral-priorities.is-active,
.nav-surgeongeneral-reports-and-publications.is-active,
.nav-surgeongeneral-usphs.is-active {
  background-color: #e9eaeb;
}

/** specificity override, this style is only loaded on surgeongeneral pages **/
#main-menu li a.is-active {
  color: #666666;
}

/** Flip Cards **/
.flip-card .field-name-body.bg-osg-mission {
	background-image: url("../../global-assets/images/surgeongeneral/flip-tiles/bg-mission.png");
}
.flip-card .field-name-body.bg-osg-leadership {
	background-image: url("../../global-assets/images/surgeongeneral/flip-tiles/bg-leadership.png");
}
.flip-card .field-name-body.bg-osg-history {
	background-image: url("../../global-assets/images/surgeongeneral/flip-tiles/bg-history.png");
}
.flip-card .field-name-body.bg-osg-newsroom {
	background-image: url("../../global-assets/images/surgeongeneral/flip-tiles/bg-newsroom.png");
}
.flip-card .field-name-body.bg-osg-careers {
	background-image: url("../../global-assets/images/surgeongeneral/flip-tiles/bg-careers.png");
}
.flip-card .field-name-body.bg-osg-contact-us {
	background-image: url("../../global-assets/images/surgeongeneral/flip-tiles/bg-contact.png");
}
.flip-card .field-name-body.bg-osg-breastfeeding {
	background-image: url("../../global-assets/images/surgeongeneral/flip-tiles/bg-breastfeeding.png");
}
.flip-card .field-name-body.bg-osg-skin-cancer {
	background-image: url("../../global-assets/images/surgeongeneral/flip-tiles/bg-skin-cancer.png");
}
.flip-card .field-name-body.bg-osg-walking {
	background-image: url("../../global-assets/images/surgeongeneral/flip-tiles/bg-walking.png");
}
.flip-card .field-name-body.bg-osg-addiction {
	background-image: url("../../global-assets/images/surgeongeneral/flip-tiles/bg-addiction.png");
}
.flip-card .field-name-body.bg-osg-ecigarette {
	background-image: url("../../global-assets/images/surgeongeneral/flip-tiles/bg-e-cigarettes.png");
}
.flip-card .field-name-body.bg-osg-smoking-cons {
	background-image: url("../../global-assets/images/surgeongeneral/flip-tiles/bg-health-consequences.png");
}
.flip-card .field-name-body.bg-osg-suicide-prevention {
	background-image: url("../../global-assets/images/surgeongeneral/flip-tiles/bg-suicide-prevention.png");
}
.flip-card .field-name-body.bg-osg-tobacco {
	background-image: url("../../global-assets/images/surgeongeneral/flip-tiles/bg-tobacco.png");
}
.flip-card .field-name-body.bg-osg-preterm-birth {
	background-image: url("../../global-assets/images/surgeongeneral/flip-tiles/bg-preterm-birth.png");
}

/** Homepage **/
/** recent advisories feature box, turned to Link tile with class osg-recent-advisories **/
.panels-flexible-region.osg-recent-advisories {
  height: 260px;
  width: 100%;
  max-width: 620px;
  margin-right: 0;
  margin-top: 0;
  padding-right: 100px;
  background-image: url("/sites/default/files/naloxone-feature-box-red-cross.jpg");
  background-repeat: no-repeat;
  background-position: right+20px top+20px;
  background-size: 80px;
}

.panels-flexible-region.osg-recent-advisories .pane-node {
  border: none;
  width: 100%;
}

.osg-recent-advisories .tile-link-list {
  list-style-type: disc;
  list-style-position: outside;
  list-style-image: none;
  border: none;
  padding-left: 20px !important; /** specificity override **/
}

.osg-recent-advisories .tile-link-list li {
  background: none;
  border: none;
  padding-left: 0;
}

@media (max-width: 767px) {
  .panels-flexible-row .two-columns-of-three.osg-recent-advisories {
    width: 100%;
  }
}

.osg-homepage-social-media-blocks {
  display: flex;
  width: 100%;
  clear: both;
  vertical-align: top;
  justify-content: space-between;
  margin-top: -20px;
}
.osg-homepage-social-media-blocks .twitter-box,
.osg-homepage-social-media-blocks .facebook-box {
  display: inline-block;
  width: 50%;
  margin: 0;
}


.osg-homepage-social-media-blocks .twitter-box {
  margin-right: 10px;
}
.osg-homepage-social-media-blocks .facebook-box {
  margin-left: 10px;
}

@media (max-width: 767px) {
  .osg-homepage-social-media-blocks {
	 display: block;
  }

  .osg-homepage-social-media-blocks .twitter-box,
  .osg-homepage-social-media-blocks .facebook-box {
	 margin: 0;
	 margin-bottom: 20px;
	 width: 100%;
	 display: block;
	 overflow: hidden;
  }
}

@media only print {
  /*  Hide social medias on print, as they have vertical overflow scroll. */
  .pane-content .osg-homepage-social-media-blocks {
    display: none;
  }

  /*  SG Homepage Recent Advisories */
  .page-node-10042 .panels-flexible-region-l2_and_l3_layout-left_region_.middle {
    width: 620px;
  }
}

/** OSG Priorities Columns, converted from D7 mini panels to paragraph columns **/
.osg-priorities-grid .usa-grid-full {
  display: flex;
  align-items: flex-start;
}

.osg-priorities-grid .promobox {
  width: 100%;
  max-width: 295px;
  margin: 0 8px;
  height: 360px;
  display: block;
  border: 1px solid #cccccc;
}

.osg-priorities-grid .promobox p {
  padding: 0;
  margin: 0;
}

.osg-priorities-grid .promobox--link {
  display: block;
}

.osg-priorities-grid .promobox--link > img {
  width: 100%;
}

.osg-priorities-grid .promotextinner {
  min-height: 130px;
}

.osg-priorities-grid .share-social-buttons a {
  margin-right: 8px;
}

@media (max-width: 767px) {
  .osg-priorities-grid .usa-grid-full {
    display: block;
  }

  .osg-priorities-grid .promobox {
    max-width: none;
    margin: 0 0 20px 0;
  }

  .osg-priorities-grid .promobox,
  .osg-priorities-grid .promotextinner,
  .osg-priorities-grid .promobox--link > img {
    height: auto;
    min-height: auto;
  }

  .osg-priorities-grid .promotextinner {
    margin-bottom: 20px;
  }
}

/** Previous Surgeon General Page **/
.previous-sg .col-lg-4 {
  width: 32%;
  display: inline-block;
  text-align: center;
  padding: 0;
  margin-bottom: 20px;
}

@media (max-width: 600px) {
  .previous-sg .col-lg-4 {
    width: 49%;
  }
}

/**
 * Inline styling from feature-box containing icon below.
 * - /surgeongeneral/priorities/opioids-and-addiction/naloxone-advisory/index.html
 * - /surgeongeneral/reports-and-publications/addiction-and-substance-misuse/advisory-on-marijuana-use-and-developing-brain/index.html
 * Use new classes.
 */
.feature-box--with-icon {
  position: relative;
}

.feature-box--with-icon .icon-text {
  padding-right: 80px;
  display: block;
  font-weight: bold;
}

.feature-box--with-icon .icon-img--below {
  width: 55px;
  height: 55px;
  position: absolute;
  right: 20px;
  bottom: 15px;
}