/**
 * Styling for regions in page.tpl.php
 *
 * Selectors should be structured for a specific region, or generic blocks
 * within a region.  For block-specific styling, see blocks.css.
 *
 */

#region-top {
  /* background-color: #4f5152; */
  min-height: 35px;

  /* background-color: #8c1924; */
  background-color: #8c3232;
  color: #fff;

  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#8c3232+0,8c1924+100 */
  background: rgb(140,50,50); /* Old browsers */
  background: -moz-linear-gradient(top, rgba(140,50,50,1) 0%, rgba(140,25,36,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(140,50,50,1) 0%,rgba(140,25,36,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(140,50,50,1) 0%,rgba(140,25,36,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8c3232', endColorstr='#8c1924',GradientType=0 ); /* IE6-9 */
  
  border-bottom: 1px solid rgb(135,20,31);
}

#region-top .top {
  text-align: right;
}

#region-messages .alert {
  margin-top: 1em;
}

body.clinical-trial-spotlight-microsite #region-top {
  background-color: #4b0003;

  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#630001+1,4b0003+100 */
  background: rgb(99,0,1); /* Old browsers */
  background: -moz-linear-gradient(top, rgba(99,0,1,1) 1%, rgba(75,0,3,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(99,0,1,1) 1%,rgba(75,0,3,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(99,0,1,1) 1%,rgba(75,0,3,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#630001', endColorstr='#4b0003',GradientType=0 ); /* IE6-9 */

  border-bottom: 1px solid rgb(89,0,1);
}

/**
 * Slideshow region.
 *
 * NOTE: this region is usually for jQuery Carousels most places, but displays
 * clinical trial information for "spotlight" trials (simply responsive 
 * text -- no carousel).
 */
body.clinical-trial-spotlight-microsite #region-leader-slideshow {
  margin: 0;
  padding: 30px 0;

  background: url(/sites/all/themes/bootstrap_aamds/img/blood-drops-background-1.jpg) no-repeat center center fixed;
    background-color: rgba(0, 0, 0, 0);
    background-size: auto auto;
  background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
  background-color: #4b0003 !important;
}
body.clinical-trial-spotlight-microsite #region-leader-slideshow .block .row .field {
  opacity: 0.9;
    filter: alpha(opacity=90);
  padding: 15px;
  background-color: #373838;
  margin-right: 1px;
  margin-bottom: 1px;
  font-size: 14px;
  line-height: 18px;
  font-weight: 500;
  overflow: hidden;
}
body.clinical-trial-spotlight-microsite #region-leader-slideshow .block .row-1 {}
body.clinical-trial-spotlight-microsite #region-leader-slideshow .block .row-2 .field {
    min-height: 170px;
    max-height: 170px;
}
body.clinical-trial-spotlight-microsite #region-leader-slideshow .block .row .field h3 {
  color: #f0adad;
  font-size: 13px;
  margin: 0 0 5px 0;
}
body.clinical-trial-spotlight-microsite #region-leader-slideshow .block .row .field p,
body.clinical-trial-spotlight-microsite #region-leader-slideshow .block .row .field ul,
body.clinical-trial-spotlight-microsite #region-leader-slideshow .block .row .field ol,
body.clinical-trial-spotlight-microsite #region-leader-slideshow .block .row .field li {
  color: #fff;
}
body.clinical-trial-spotlight-microsite #region-leader-slideshow .block .row .field a {
  color: #bbbab9;
}
body.clinical-trial-spotlight-microsite #region-leader-slideshow .block .row .field-ct2id p {
    font-family: inherit;
    font-weight: 500;
    line-height: 1.1;
    color: inherit;
    margin-top: 22px;
    margin-bottom: 11px;
    font-size: 41px;
    font-family: 'MuseoSlab-100';
    margin: 8px 0 0 0;
    color: #f0f0f0;
}
body.clinical-trial-spotlight-microsite #region-leader-slideshow .block .row .field-title p {
    font-family: inherit;
    font-weight: 500;
    line-height: 1.1;
    color: inherit;
    margin-top: 22px;
    margin-bottom: 11px;
    font-size: 28px;
    font-family: 'MuseoSlab-100';
    margin: 8px 0 0 0;
    color: #f0f0f0;
}
body.clinical-trial-spotlight-microsite #region-leader-slideshow .block .row .field-company {
    max-height: none; /* Overrides .row max-height above. */
}

/* END Slideshow region -- spotlight clinical trials */


#region-content {
  /* Put some space between the bottom of the content and the footer regions. */
  margin-bottom: 1em;
}
body.node-type-like-you-patient-story #region-content {
  /* Except on "like you" patient story content */
  margin-bottom: 0;
}


/* Responsive videos in main content and footer. */
#content-inner .video-wrapper, #region-footer-row-media .video-wrapper, /* old syntax */
#content-inner .video-responsive, #region-footer-row-media .video-responsive { /* 2019+ syntax */
  position: relative;
  /* padding-bottom: 56.25%; *//* 16:9 */
  padding-bottom: 53.5%;  /* 16:9 v2 */
  padding-top: 25px;
  height: 0;
}
#content-inner .video-wrapper iframe, #region-footer-row-media .video-wrapper iframe, /* old syntax */
#content-inner .video-responsive iframe, #region-footer-row-media .video-responsive iframe { /* 2019+ syntax */
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}


/* Block styling in region-leader rows */
#region-leader-row-first,
#region-leader-row-second,
#region-leader-row-third {
  margin-top: 2em;
  margin-bottom: 2em;
}
#region-leader-row-first .nav > li > a,
#region-leader-row-second .nav > li > a,
#region-leader-row-third .nav > li > a {
  padding: 4px 8px;
  font-weight: 300;
}
#region-leader-row-first section,
#region-leader-row-second section,
#region-leader-row-third section {
  padding: 0 2% 0 2%;
}

#region-leader-row-first section .block-icon,
#region-leader-row-second section .block-icon,
#region-leader-row-third section .block-icon {
  text-align: center;
}
#region-leader-row-first section .block-title,
#region-leader-row-second section .block-title,
#region-leader-row-third section .block-title {
  text-align: center;
  font-family: 'trend_sans_oneregular';
  font-size: 22px;
}
#region-leader-row-first .region-leader-intro,
#region-leader-row-second .region-leader-intro,
#region-leader-row-third .region-leader-intro {
  text-align: center;
  font-weight: 300;
  margin-bottom: 1em;
}
#region-leader-row-first .region-leader-intro h2,
#region-leader-row-second .region-leader-intro h2,
#region-leader-row-third .region-leader-intro h2 {
  font-size: 42px;
  line-height: 100%;
} 

#region-leader-row-first section {
  min-height: 20em;
  border-right: 1px dashed rgba(140,25,36,0.2);
}
#region-leader-row-first section.last {
  border-right: none;
}
#region-leader-row-first section .block-title>div {
  border-bottom: 3px solid rgba(0,0,0,0.15);
}

#region-leader-row-second section .block-title>div {
  border-bottom: 10px solid rgba(0,0,0,0.15);
}

#region-leader-row-third section .block-title>div {
  border-bottom: 3px solid rgba(0,0,0,0.15);
}
#region-leader-row-third section .view-header {
  margin-top: 10px;
}
#region-leader-row-third section .view-content a {
  font-weight: bold;
}
#region-leader-row-third section .block-link {
  text-align: center;
}

/* Only display the first 5 sub-menu items on menu-block menus in the first row */
/*
#region-leader-row-first .block-menu-block .menu-block-wrapper ul.nav li:nth-of-type(1n+6) {
  display: none;
}
*/

/* Style front page "special" blocks (notice and video) */
.region-front-special-notice h2 {
  /* 
  .w300;
  .super-sized-h2;
  */
  margin-top: 0; /* Let the region styling take care of this. */
}

.region-front-special-video .video-wrapper,
.region-front-special-video .video-responsive {
  position: relative;
  padding-bottom: 53.5%;  /* 16:9 v2 */
  padding-top: 25px;
  height: 0;
}
.region-front-special-video .video-wrapper iframe,
.region-front-special-video .video-responsive iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/**
 * Sidebar (primary or secondary) navigation elements.
 */

.region-sidebar-first .nav > li > a,
.region-sidebar-second .nav > li > a {
  padding: 5px 15px;
}

/* All active trail items */
.region-sidebar-first .nav>li>a.active-trail,
.region-sidebar-second .nav>li>a.active-trail {
}

/* Active trail items on first level. */
.region-sidebar-first .nav>li.active-trail>a,
.region-sidebar-second .nav>li.active-trail>a {
  /* border-left: 1px solid #00f; */
  background-color: #fff;
  border-bottom: 4px solid #e7e7e7;
}

/* Active trail items two levels down. */
.region-sidebar-first .nav>li.active-trail>ul.nav,
.region-sidebar-second .nav>li.active-trail>ul.nav {
  font-size: 14px;
  line-height: 120%;
}
.region-sidebar-first .nav>li.active-trail>ul.nav>li>a,
.region-sidebar-second .nav>li.active-trail>ul.nav>li>a {
  /* border-right: 1px solid #f00; */
  padding: 8px 0 8px 24px;
  margin-left: 12px;
  border-bottom: 1px solid #e7e7e7;
}

/* Active trail items three levels down. */
.region-sidebar-first .nav>li.active-trail>ul.nav>li>ul.nav,
.region-sidebar-second .nav>li.active-trail>ul.nav>li>ul.nav {
}
.region-sidebar-first .nav>li.active-trail>ul.nav>li>ul.nav>li>a,
.region-sidebar-second .nav>li.active-trail>ul.nav>li>ul.nav>li>a {
  /* border-right: 1px solid #0f0; */
  padding: 8px 0 8px 24px;
  margin-left: 24px;
  border-bottom: 1px solid #e7e7e7;
}

/* Sidebar blocks with glyphicon buttons */
.region-sidebar-first .block .btn .glyphicon,
.region-sidebar-second .block .btn .glyphicon {
  left: 5px;
  font-size: 15px;
  top: 2px;
}

/* Footer regions */

footer #region-footer-row-media {
  /* background-color: #8c1924; */
  background-color: #444545;
  color: #fff;
}

footer #region-footer-row-first {
  /* background-color: #8c1924; */
  background-color: #8c3232;
  color: #fff;

  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#8c3232+0,8c1924+100 */
  background: rgb(140,50,50); /* Old browsers */
  background: -moz-linear-gradient(top, rgba(140,50,50,1) 0%, rgba(140,25,36,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(140,50,50,1) 0%,rgba(140,25,36,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(140,50,50,1) 0%,rgba(140,25,36,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8c3232', endColorstr='#8c1924',GradientType=0 ); /* IE6-9 */
  
  /* border-bottom: 1px solid rgb(135,20,31); */
}

/**
 * Container for the admin overlay
 */
#overlay-container, .overlay-modal-background, .overlay-element {
  position: absolute;
  
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;

  z-index: 500;
}

#overlay-container .overlay-element.overlay-active {
  /* Admin overlay should always be at least 1 greater than the            */
  /* #overlay-container z-index                                            */
  /* See also:  https://github.com/AAMDS/Website/issues/191                */
  z-index: 510;
}

.navbar-static-top {
  /* Navbar should always be at least 1 less than the                      */
  /* #overlay-container z-index                                            */
  /* See also:  https://github.com/AAMDS/Website/issues/191                */
  z-index: 490;
}


/**
 * UX improvements for *Editor roles
 */
form.node-form {}
form.node-form .help-block em {
  font-weight: bold;
}
form.node-form p.help-block {
  /* REDS
  background-color: #8c3232;
  border: 2px solid #ac5252;
  color: #fff;
  
  */
  /* BLUES */
  color: #158cba;
  border: 1px solid #40b5e3;
  
  /* */
  font-size: 15px;
  padding: 0.5em;
  margin-top: 0.5em;
}
form.node-form div.help-block {
  color: #158cba;
  font-size: 13px;
  line-height: 1.66em;
}

#views-exposed-form-list-content-page #edit-promote-wrapper,
#views-exposed-form-list-content-page #edit-sticky-wrapper {
  display: none;
}