/**
 * @file
 *
 * Used for dynamic styling.
 */

@media print, only screen and (min-width: 320px) {
  #header .site-name .mobile,
  #header .site-name a:first-child {
    display: block;
    float: left;
  }
  #header .site-name .mobile-logo-ec {
    margin: 7px 0 0 0;
  }
  #header .site-name .mobile-logo-horizon {
    margin: 20px 0 0 0;
  }
}

@media print, only screen and (max-width: 768px) {
  .search-mobile {
    padding: 0;
  }
  .search-mobile .container-inline {
    clear: both;
    overflow: hidden;
    width: 100%;
  }

  .search-mobile input[type="text"] {
    border-radius: 0;
    text-shadow: none;
    box-shadow: none;
    height: 32px;
    border: 1px solid #60B8C3;
  }

  .search-mobile input[type="submit"] {
    background: transparent url(../images/horizon_search.png) no-repeat center;
    border: 0;
    padding: 0;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    height: 32px;
    overflow: hidden;
    text-indent: -999px;
    border-radius: 0;
    text-shadow: none;
    min-width: auto;
  }
  .search-mobile .form-actions {
    position: absolute;
    right: 4px;
    top: 37px;
  }

  .search-mobile .form-actions {
    min-width: 32px;
    margin: 0;
  }

  .search-mobile .form-item {
    width: 99%;
    margin: 0;
  }
  /* HORIZON-8
  #admin-menu {
    display: none;
  }
  */

}

@media print, only screen and (min-width: 410px) {
  #header .l-left {
    height: auto;
  }
  #header .l-left img {
    max-width: none;
  }
  #header .site-name .mobile-logo-ec,
  #header .site-name .mobile-logo-horizon {
    margin: 0;
  }

  /* Image gallery */
  .node-pictures .field-name-field-images {
    margin: 0 auto;
    overflow: hidden;
  }
  .node-pictures .field-name-field-images .field-item {
    width: 48%;
    margin: 0 1% 10px;
  }
  .node-pictures .field-name-field-images .field-item a img {
    width: 100%;
  }
  #header .l-left img,
  #header .l-right a {
    -webkit-transition: width 0.3s, height 0.3s;
    -moz-transition: width 0.3s, height 0.3s;
    transition: width 0.3s, height 0.3s;
  }
  #header.small-header {
    height: 37px;
  }
  #header.small-header .l-left img {
    height: 37px;
  }
  #header.small-header .l-right a {
    height: 15px;
    width: 23px;
    background-size: contain !important;
    margin-top: 8px;
  }
}

@media print, only screen and (min-width: 540px) {
  button,
  .button,
  .more-link a,
  input,
  select,
  textarea {
    max-width: none;
    width: auto;
  }
  .search-mobile input {
    width: 100%;
  }

  .citationsBlock,
  .relatedArticlesBlock {
    float: right;
    margin: 0 0 8px 8px;
    width: 35%;
    clear:both;
  }
  .node-pictures .field-name-field-images .field-item {
    width: 31%;
    margin: 0 1% 10px;
  }

  .view-display-id-overview_page .views-row {
    width: 49%;
  }

  /**
   * Development.
   */
  ul.primary {
    margin: 8px 16px;
  }
  ul.primary li,
  ul.primary li a {
    display: inline-block;
  }
}
@media print, screen and (min-width: 740px) and (max-width: 768px) {
  .search-mobile {
    display: none;
  }
}
@media print, only screen and (min-width: 740px) {
  /**
   * Tablet menu.
   */
  #primary-buttons a.home-button {
    border-right: none;
    margin-right: 12px;
  }
  .front #primary-buttons a.back-button {
    display: none;
  }
  #primary-buttons a.menu-button {
    display: none;
  }
  #header {
    background: #099fb9;
    clear: both;
    width: 100%;
    top: 0;
    z-index: 10;
  }
  nav {
    display: block;
  }
  nav ul.topmenu {
    float: right;
    background: transparent;
    margin-top: -75px;
    margin-right: 90px;
    position: relative;
    width: auto;
  }
  body.front nav ul.topmenu {
    margin-right: 54px;
  }

  nav ul.menu li {
    background: transparent;
    padding: 0;
  }
  nav ul.menu li.topmenu-item {
    float: left;
    margin: 0 8px;
    width: auto;
    overflow: visible;
    position: relative;
  }

  nav li > a:visited,
  nav li > a:hover,
  nav li > a {
    background: none;
    color: #fff;
    font-size: 14px;
    line-height: 20px;
    padding: 7px 0px 10px 0px;
    text-transform: none;
    text-decoration: none;
    display: block;
    text-align: center;
  }
  nav li > a:hover {
    background: #fff;
    color: #60b8c3;
  }
  nav li.submenu-item a {
    color: #60b8c3;
    background: #fff;
  }
  nav ul li.topmenu-item > a {
    background: none;
  }
  nav ul li.topmenu-item > a.active {
    background: none;
    color: #fff;
  }
  nav ul li.topmenu-item:hover > a {
    background: #fff;
    color: #60b8c3;
  }

  nav ul.submenu {
    border-bottom: 1px solid #60b8c3;
    border-right: 1px solid #60b8c3;
    position: absolute;
    left: 0;
    top: 35px;
    width: auto;
  }
  nav ul li.topmenu-item:hover ul.submenu {
    display: block;
  }
  nav ul.submenu li.submenu-title {
    display: none;
  }
  nav ul.submenu li a {
    padding: 4px 4px 4px 15px;
  }
  nav ul.submenu li > a {
    background: #fff;
    white-space: nowrap;
    text-align: left;
  }
}

@media print, only screen and (min-width: 769px) {
  /**
   * Header
   */
  .desktop-hidden {
    display: block;
  }
  #header {
    background: #fff url(../images/ec-header-bg.png) left 6px repeat-x;
    height: 140px;
    overflow: visible;
    /*padding-top: 4px;*/
    position: relative;
  }
  .region.region-header {
    float: left;
    margin-right: 20px;
  }
  #block-search-form {
    height: 20px;
  }
  #block-search-form input[type="text"] {
    float: left;
    width: 110px;
    padding: 0 5px;
    height: 20px;
    border-radius: 2px 0 0 2px;
  }
  #block-search-form input[type="submit"] {
    border-left: none;
    float: right;
    height: 20px;
    min-width: 20px;
    padding: 0;
    width: 20px;
    background: #fff url(../images/sprite-white.png) no-repeat -101px -2px;
    overflow: hidden;
    text-indent: -999px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
  }
  .mobile,
  #header .site-name .mobile,
  #header .site-name a:first-child {
    display: none;
  }
  .mobile-hidden {
    display: block;
  }
  .mobile-hidden.tablet-hidden {
    display: none;
  }
  .tablet-logo {
    margin-left: 23px;
  }
  .tablet-logo-horizon {
    margin-left: 12px;
  }
  .tablet-research,
  .tablet-logo {
    z-index: 500;
    float: left;
  }
  #navigation {
    background: url(../images/ec-header-bg.png) left bottom repeat-x;
    overflow: visible;
  }
  nav {
    position: relative;
    top: 0;
  }
  nav ul.topmenu {
    border-bottom: none;
    display: block;
    margin: 0;
    padding: 0;
    float: right;
    position: relative;
    width: auto;
  }
  body.front nav ul.topmenu {
    margin-right: 0;
  }
  nav ul.menu li.topmenu-item {
    margin: 0 8px;
  }
  nav ul.menu li.topmenu-item.submenu {
    padding-right: 10px;
    background: url(../images/menu-arrow-white.png) right 4px no-repeat;
  }
  nav li > a:active,
  nav li > a:hover,
  nav li > a {
    font-size: 15px;
    color: #fff;
    font-weight: bold;
    text-decoration: none;
    font-family: Arial, Helvetica, sans-serif;
    text-transform: uppercase;
  }
  nav ul li.topmenu-item:hover > a {
    background: none;
    color: #fff;
  }
  nav ul.submenu {
    background-color: #fff;
    border: #cccccc solid 1px;
    border-bottom: #ccc solid 5px;
    left: -20px;
    margin-top: 0;
    padding: 10px;
    position: absolute;
    width: 150px;
  }
  nav ul.submenu li {
    height: 30px;
  }
  nav ul.submenu li a {
    padding: 4px;
  }
  nav ul.submenu li > a {
    color: #666666;
    font-weight: normal;
    text-transform: inherit;
  }
  nav ul.submenu li > a:hover {
    color: #007d98;
    font-weight: bold;
  }

  #header .l-right {
    position: absolute;
    top: 80px;
    right: 0px;
  }
  #header .logo-wrapper {
    position: absolute;
    min-width: 190px;
    max-width: 220px;
    left: 8px;
    top: 92px;
  }
  #socialAndFormArea {
    float: left;
    text-align: right;
    width: auto;
  }
/*  #socialAndFormArea a {
    height: 20px;
    width: 20px;
    display: block;
    float: left;
    overflow: hidden;
    text-indent: 100%;
    background: transparent url(../images/sprite-white.png) no-repeat;
  }
  #socialAndFormArea a#newsletter{
    background-position: -262px 5px;
    width:23px;
    margin-right: 5px;
  }
  #socialAndFormArea a#twitter{
    background-position: 3px 2px;
    margin-right: 0px;
  }
  #socialAndFormArea a#facebook {
    background-position: -17px 2px;
    margin-right: 0px;
  }
  #socialAndFormArea a#linkedIn {
    background-position: -40px 2px;
    margin-right: 5px;
  }
  #socialAndFormArea a#RSS {
    background-position: -67px 2px;
    margin-right: 5px;
  }
  #socialAndFormArea a#newsletter:hover{
    background-position: -262px -17px;
  }
  #socialAndFormArea a#twitter:hover {
    background-position: 3px -18px;
  }
  #socialAndFormArea a#facebook:hover {
    background-position: -17px -18px;
  }
  #socialAndFormArea a#linkedIn:hover {
    background-position: -40px -18px;
  }
  #socialAndFormArea a#RSS:hover {
    background-position: -67px -18px;
  }*/

#socialAndFormArea a {
  height: 24px;
  width: 24px;
  display: block;
  float: left;
  overflow: hidden;
  background-position: center center;
  background-repeat: no-repeat;
  margin-right: 5px;
  text-indent: 10000px !important;
  font-size: 0px;
  }
  #socialAndFormArea a#newsletter{
  background-image: url('../images/mail_color.jpg');
  }
  #socialAndFormArea a#twitter{
  background-image: url('../images/twitter_color.jpg');
  }
  #socialAndFormArea a#facebook {
  background-image: url('../images/facebook_color.jpg');
  }
  #socialAndFormArea a#RSS {
  background-image: url('../images/rss_color.jpg');
  }
  #socialAndFormArea a#medium {
  background-image: url('../images/medium-m-dark-24.png');
  }
  #socialAndFormArea a#newsletter:hover{
  background-image: url('../images/mail_bw.jpg');
  }
  #socialAndFormArea a#twitter:hover {
  background-image: url('../images/twitter_bw.jpg');
  }
  #socialAndFormArea a#facebook:hover {
  background-image: url('../images/facebook_bw.jpg');
  }
  #socialAndFormArea a#RSS:hover {
  background-image: url('../images/rss_bw.jpg');
  }


  #socialAndFormArea span {
    height: 20px;
    width: auto;
    margin-right: 5px;
    display: block;
    float: left;
    color: #fff;
    font-size: 18px;
    line-height: 20px;
  }

  #signature {
    padding-left: 50px;
    top: 86px;
  }

  #content-container {
    padding-top: 0;
  }
  #content-container #content {
    padding-top: 36px;
  }

  h1 {
    font-size: 35px;
    padding: 0 16px;
  }
  #messages,
  #block-system-main {
    padding: 0 0 0 16px;
  }

  /**
   * Media pages. (Overview page and video/image/podcast subpages.)
   */
  /* Media overview page */
  .media h3.subTitle {
    font-size: 15px;
    text-transform: capitalize;
    margin: 12px 0 12px 0;
  }
  ul.media-blocks,
  .mediaBlock {
    margin: 0;
  }
  ul.media-blocks li,
  .mediaBlock li {
    text-align: center;
    width: 32%;
    float: left;
    margin: 0;
    padding: 0;
  }
  .mediaBlock li.middle-item {
    padding: 0 2%;
  }
  .mediaBlock a.button {
    margin: 10px 0;
  }
  /* Video/pictures overview page */
  ul.media-blocks li {
    width: 31%;
    margin-right: 2%;
  }
  .media .ytv-list-inner li{
    padding: 0 2% 0 0;
  }
  .media .ytv-list-inner li:nth-child(3){
    padding: 0 0% 0 0;
  }



  /**
   * Video detail page.
   */
  .node-video h1 i {
    font-style: italic;
  }
  .node-video .titleType {
    display: block;
  }
  .node-video .titleType.mobile {
    display: none;
    margin: 0;
  }
  .node-video .titleType a:hover {
    text-decoration: underline;
  }
  .node-audio p,
  .node-video p {
    color: #555;
    font-size: 12px;
  }
  .node-video .field-name-field-category {
    display: none;
  }

  /**
   * Image gallery.
   */
  .node-pictures .category {
    display: block;
  }
  .node-pictures .field-name-field-category a {
    display: none;
  }
  .node-pictures .field-name-field-images {
    margin-right: -8px;
  }
  .node-pictures .field-name-field-images #bigImage {
    margin-right: 8px;
    width: auto;
  }
  .node-pictures .field-name-field-images .field-item {
    float: left;
    margin: 0;
    padding-right: 8px;
    text-align: left;
    width: 20%;
  }
  #bigImage .big-image-title {
    background: rgba(57,101,158,0.6);
    color: #fff;
    left: 0;
    padding: 10px;
    position: absolute;
    top: 0;
    z-index: 5;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  #bigImage:hover .big-image-title {
    text-decoration: underline;
  }

  /**
   * Post content
   */
  #post-content-container {
    display: block;
  }

  /**
   * Footer.
   */
  #footer {
    background: transparent;
  }
  #footer .shadow {
    display: block;
  }
  .region-footer .menu {
    padding: 10px 10px 25px;
    text-align: center;
  }

  .region-footer .menu .leaf {
    background-color: transparent;
    background-image: none;
    display: inline-block;
    border-bottom: none;
  }
  .region-footer .menu .leaf.last {
    display: inline-block;
  }
  .region-footer .leaf a {
    background-image: none;
    color: #333;
    display: inline;
    font-size: 13px;
    font-weight: normal;
    line-height: 1.1em;
    padding: 0 15px;
  }
  .region-footer .leaf a:hover,
  .region-footer .leaf a:focus {
    text-decoration: underline;
  }
  a.back-to-top {
    display: none;
  }

  /**
   * Homepage slideshow.
   */
  #block-views-home-slider-home-slideshow {
    float: left;
    margin-bottom: 16px;
    width: 50%;
  }
  .view-home-slider {
    padding: 0 15px 0 16px;
  }
  .view-home-slider .slide-wrapper {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACAQMAAABIeJ9nAAAAA1BMVEUAAACnej3aAAAAAXRSTlPWL1avhwAAAApJREFUeF5jAAIAAAQAARxtHuMAAAAASUVORK5CYII=);
    bottom: 0;
    left: 0;
    padding: 10px;
    position: absolute;
    top: 0;
/*    width: 48%;*/
  width: 36%;
  }
  .view-home-slider .category a {
    font-size: 13px;
    margin: 0;
  }
  .view-home-slider .slide-text {
    bottom: 2px;
    left: 10px;
    right: 10px;
    position: absolute;
  }
  .view-home-slider h2 {
    color: #fff;
    font-size: 20px;
    line-height: 1.1em;
    margin: 0.25em 0;
    text-transform: none;
  }
  .view-home-slider p {
    color: #fff;
    font-size: 13px;
  }
  .view-home-slider .pager {
    display: block !important;
  }

  /**
   * Homepage views.
   */
  #block-views-home-views-list-block, #block-views-home-views-list-block-1 {
    background: url(../images/home-line-shadow.png) no-repeat 0 -370px;
    /* background-color: #F5F5F5;*/
    clear: none;
    float: right;
    width: 50%;
  }
  #block-views-home-views-list-block{
    margin-bottom: 0;
  }
  #block-views-home-views-list-block-1{ background-position: 0 -450px; }
  /*
    #block-views-home-views-list-block-1 .image-block{ display:none; }
    #block-views-home-views-list-block-1 .text-block{ width:100%; }
    */
  #block-views-home-views-list-block h2, #block-views-home-views-list-block-1 h2 {
    background: none;
    border-bottom: none;
    color: #555;
    font-size: 17px;
    font-weight: bold;
    height: auto;
    line-height: 19px;
    margin-bottom: 0;
    margin-left: 16px;
    padding: 0;
    text-transform: uppercase;
    width: auto;
  }
  #block-views-home-views-list-block .content, #block-views-home-views-list-block-1 .content {
    margin-left: 18px;
    margin-right: 16px;
  }
  .view-home-views-list .views-row {
    background: none;
    padding-bottom: 0;
  }
  .view-home-views-list .views-row-2 {
    margin-bottom: 0;
  }
  .view-home-views-list .image-block {
    float: left;
    width: 20%;
  }
  .view-home-views-list .text-block {
    float: right;
    width: 78%;
  }
  .view-home-views-list .category a {
    font-size: 13px;
    margin-top: 0;
  }
  .view-home-views-list h3,
  .view-home-views-list p {
    font-size: 12px;
  }
/*  .view-home-views-list .views-row-last,*/
  .view-home-views-list .more-link {
    display: none;
  }

  /**
   * Homepage stories.
   */
  #block-dgresearch-stories-3cols-block {
    width: 50%;
    float: left;
    margin: 10px 0;
  }
  #block-dgresearch-stories-3cols-block > * {
    margin-left: 16px;
  }

  #block-dgresearch-stories-3cols-block h2.stories-title {
    margin-left: 0px;
  }

  /*#block-views-from-around-the-web-2-block {
      float: left;
  }*/

  #block-views-from-around-the-web-block > h2,
  #block-views-from-around-the-web-2-block > h2,
  #block-block-2 > h2,
  #block-dgresearch-stories-3cols-block h2.stories-title,
  #block-views-technologist-block > h2 { /* Block title */
    background: none;
    border-bottom: none;
    color: #555;
    font-size: 19px;
    font-weight: bold;
    height: auto;
    line-height: 26px;
    padding: 0;
    margin-bottom: 15px;
    text-transform: uppercase;
    width: auto;
  }
  #block-dgresearch-stories-3cols-block {
    clear: right;
  }
  #features1, /* Story blocks */
  #features2 {
    display: block;
  }
   #features3 a.image-block {
    display: none;
  }
   #features3 .text-block {
    width: 100%;
  }
  #features1 a.item h2 em, /* Category */
  #features2 a.cat h2 em,
  #features3 .category a.item em.theme {
    font-size: 10px;
    color: #cc7e17;
    font-weight: normal;
    text-transform: uppercase;
    font-style: normal;
  }
  #features1 a.item h2 {
    font-size: 16px;
  }
  #features1 .item h2 span {  /* Title */
    text-transform: none;
    font-size: 25px;
    color: #007d98;
  }
  #features3 p {  /* Text */
    font-size: 13px;
  }
  .text-block em.theme, .text-block h3 i {
    font-style: italic;
  }
  #features2 a.item h2 {
    font-size: 13px;
    line-break: 1.1em;
    padding-right: 6px;
    padding-top: 0;
    margin: 2px 0 0;
    text-transform: none;
  }
  #features1 .item,
  #features1 .item:visited,
  #features2 .item,
  #features2 .item:visited {
    color: #555;
  }
  #features1 .item:hover,
  #features2 .item:hover {
    color: #222;
  }
  #features2 .imgFirstItem {
    display: none;
  }
  #features3 .row, .views-row {
    margin: 0;
  }
  #features3 .category a:hover em,
  #block-dgresearch-stories-3cols-block a:hover h2 em  {
    text-decoration: underline;
  }
  #features3 .category {
    float: left;
    padding-right: 6px;
    margin-top: 6px;
  }

  #block-dgresearch-stories-3cols-block .buttonMore a {
    float: right;
  }

  /**
   * Homepage most popular / From around the web.
   */
  #block-views-from-around-the-web-block,
  #block-views-from-around-the-web-2-block,
  #block-block-2,
  #viewedPopular,
  #block-views-technologist-block {
    display: block;
  }

  /**
   * Homepage key themes
   */
  #block-views-home-key-themes-block {
    display: block;
  }

  /**
   * Articles overview.
   */
  .page-media h1,
  .page-taxonomy-term h1,
  .page-key-themes h1 {
    background: none;
    border: 0;
    color: #555;
    font-size: 19px;
    font-weight: bold;
    line-height: 26px;
    margin: 15px 0 20px;
  }
  .page-taxonomy-term h1 i,
  .page-key-themes h1 i {
    font-weight: bold;
  }
  .page-taxonomy-term .view-home-key-themes {
    display: block;
  }
  .page-taxonomy-term .view-content {
    padding-top: 0px;
  }
  .search-mobile {
    display: none;
  }
}

@media only screen and (min-width: 820px) {
  /**
   * Homepage views.
   */
  #block-views-home-views-list-block h2, #block-views-home-views-list-block-1 h2 {
    margin-bottom: 0.45em;
  }
  .view-home-views-list .image-block {
    width: 26%;
  }
  .view-home-views-list .text-block {
    width: 72%;
  }
}

@media only screen and (min-width: 840px) {
  /**
   * Homepage views.
   */
  #block-views-home-views-list-block {
    background-position: 0 10px;
  }
  .view-home-views-list .views-row-first {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAIBAMAAAA2IaO4AAAAIVBMVEVDQ0P///9DQ0NERERDQ0NERERDQ0NDQ0NERERDQ0NDQ0PBpoE4AAAAC3RSTlMAAAEBCQkhIiJ3eAutQ4kAAAAfSURBVHheY4hoYRRkyFxuCCRmKAoyhKUAuYJAgEYAAI46BVD7ZUJSAAAAAElFTkSuQmCC) repeat-x bottom;
    padding-bottom: 17px;
  }
}
@media only screen and (min-width: 880px) {
  /**
   * Homepage views.
   */
  .view-home-views-list p {
    font-size: 13px;
  }
  .view-home-views-list h3 {
    font-size: 15px;
    line-height: 18px;
    margin-bottom: 0.2em;
  }
}

@media only screen and (min-width: 984px) {
  .tablet-hidden {
    display: block !important;
  }
  .desktop-hidden {
    display: none;
  }

  .with-sidebar {
    float: left;
    width: 630px;
  }

  /**
   * Header.
   */
  #header {
    height: 290px;
    margin-top: 0;
    background: #fff url(../images/desktop-top.png) left top no-repeat;
  }
  #goHome {
    display: block;
    float: left;
    padding: 15px;
  }
  #header .logo-wrapper {
    top: 167px;
  }
  #header .l-right {
    top: 178px;
  }
  #breadcrumbs {
    display: block;
  }
  #block-search-form {
    border: 1px solid #cccccc;
    border-radius: 3px;
    -moz-box-shadow: inset 0px 0px 5px #ccc;
    -webkit-box-shadow: inset 0px 0px 5px #ccc;
    box-shadow: inset 0px 0px 5px #ccc;
  }
  #block-search-form label {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0;
  }
  #block-search-form input[type="text"] {
    border: 0;
    background: transparent;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  #block-search-form input[type="submit"] {
    background: transparent url(/sites/all/themes/dg_research/img/sprite.png) no-repeat -98px -1px;
    border: 0;
    margin-left: -2px;
    min-width: 22px;
    padding: 0 0 0 2px;
    width: 22px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  #loginMenu {
    display: block;
    position: absolute;
    top: 234px;
    right: 21px;
  }
  #loginMenu a {
    padding: 0 3px;
    color: #666;
    text-decoration: underline;
  }
  #loginMenu a:hover {
    color: #007d98;
    text-decoration: underline;
  }
  #socialAndFormArea a {
    background: transparent url(../images/sprite.png) no-repeat;
  }
  #socialAndFormArea span {
    color: #555;
    float: left;
    font-size: 10px;
    height: 12px;
    line-height:  12px;
    padding-top: 8px;
  }

  #navigation {
    width: 984px;
    margin: 0 auto;
    position: relative;
  }

  #navigation nav {
    background: none;
    margin-left: 0;
    position: absolute;
    height: 50px;
    max-width: 600px;
    top: -71px;
    left: 230px;
    z-index: 101;
  }
  nav ul.topmenu {
    float: left;
  }
  nav ul li.topmenu-item > a.active {
    background: none;
    color: #007d98;
  }
  nav ul.menu li.topmenu-item,
  nav ul.menu li.topmenu-item.submenu {
    margin: 0;
    background: url(../images/menu.png) no-repeat 0 0;
    padding-left: 5px;
    position: relative;
  }
  nav ul.menu li.home {
    background: none;
  }
  nav ul li.topmenu-item.submenu > a {
    background: url(../images/menu-arrow.png) right 14px no-repeat;
  }
  nav ul li.topmenu-item.submenu:hover > a {
    background: url(../images/submenu-arrow.png) 20px bottom no-repeat;
    position: relative;
    z-index: 20;
  }
  nav li > a:visited,
  nav li > a {
    font-size: 13px;
    color: #666666;
    font-weight: bold;
    text-decoration: none;
    font-family: Arial, Helvetica, sans-serif;
    padding-right: 10px;
  }
  nav ul li.topmenu-item:hover > a {
    background: none;
    color: #007d98;
    font-size: 13px;
    padding-right: 10px;
  }
  nav li > a:hover,
  nav li > a:active {
    color: #007d98;
    font-size: 13px;
  }
  nav ul.submenu {
    top: 36px;
  }
  nav ul.submenu li > a:hover {
    color: #007d98;
    font-weight: normal;
  }
  #topMenu {
    text-align: right;
    margin: 0;
    padding: 0;
    font-size: 10px;
    color: #39659e;
    position: absolute;
    width: auto;
    top: 4px;
    right: 16px;
  }
  #topMenu li {
    padding: 0 3px;
    border-right: 1px solid blue;
    line-height: 10px;
  }
  #topMenu li.last {
    border-right: none;
  }
  #topMenu a,
  #topMenu a:visited {
    color: #39659e;
    text-decoration: none;
  }
  #topMenu a:hover {
    text-decoration: underline;
  }

  #content-container #content {
    padding-top: 0;
  }

  /**
   * Homepage slideshow.
   */
  .view-home-slider h2 {
/*    font-size: 22px;*/
  font-size: 18px;
  }

  /**
   * Homepage views.
   */
  #block-views-home-views-list-block h2, #block-views-home-views-list-block-1 h2 {
    margin-bottom: 0.76em;
  }
  .view-home-views-list .category a {
    font-size: 11px;
  }
  .view-home-views-list h3 {
    font-size: 17px;
    line-height: 20px;
    margin-bottom: 0.2em;
  }

  /**
   * Homepage key themes
   */
  .view-home-key-themes a {
    color: #fff;
    margin-bottom: 0;
    padding: 15px;
  }
  .view-home-key-themes a:hover .text-block,
  .view-home-key-themes a:focus .text-block {
    background: #222;
  }
  .view-home-key-themes a:hover h3,
  .view-home-key-themes a:focus h3 {
    background-color: transparent;
  }
  .view-home-key-themes a:hover .show-hide,
  .view-home-key-themes a:focus .show-hide {
    display: block;
  }
  .view-home-key-themes a > img {
    float: none;
    width: 100%;
  }
  .view-home-key-themes .text-block {
    float: none;
    left: 0;
    padding: 15px;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .view-home-key-themes h3 {
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
    font-size: 14px;
    margin-bottom: 15px;
    padding: 0 3px;
  }
  .view-home-key-themes h4 {
    display: block;
  }
  .view-home-key-themes p {
    margin: 0 3px;
  }
  .view-home-key-themes .show-hide {
    display: none;
  }
  .view-home-key-themes .shadow {
    display: block;
  }

  /* Stories */
  #block-dgresearch-stories-3cols-block {
    width: 100%;
    background: url(../images/gradient-line.png) center bottom no-repeat;
    float: none;
    margin: 0;
    padding: 16px 0;
    padding-bottom: 20px;
    margin-bottom: 20px;
  }
  #block-dgresearch-stories-3cols-block .content {
    margin: 0 16px;
  }
  #features1,
  #features2,
  #features3 .row {
    padding-bottom: 0;
    background: none;
  }
  #features1 {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAIBAMAAAA2IaO4AAAAIVBMVEVDQ0P///9DQ0NERERDQ0NERERDQ0NDQ0NERERDQ0NDQ0PBpoE4AAAAC3RSTlMAAAEBCQkhIiJ3eAutQ4kAAAAfSURBVHheY4hoYRRkyFxuCCRmKAoyhKUAuYJAgEYAAI46BVD7ZUJSAAAAAElFTkSuQmCC) repeat-y right top;
    float: left;
    padding-right: 2.6%;
    width: 35%;
  }
  #features2 {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAIBAMAAAA2IaO4AAAAIVBMVEVDQ0P///9DQ0NERERDQ0NERERDQ0NDQ0NERERDQ0NDQ0PBpoE4AAAAC3RSTlMAAAEBCQkhIiJ3eAutQ4kAAAAfSURBVHheY4hoYRRkyFxuCCRmKAoyhKUAuYJAgEYAAI46BVD7ZUJSAAAAAElFTkSuQmCC) repeat-y right top;
    float: left;
    padding: 0 2.6% 0 1.15%;
    width: 27.5%;
  }
  #features3 {
    float: left;
    padding-left: 1.15%;
    width: 30%;
  }
  #features1, #features2, #features3 {
    width: 30.5%;
  }
  #features1 a {
    display: block;
  }
  #features1 .item h2 span {  /* Title */
    text-transform: none;
    font-size: 16px;
    color: #007d98;
  }
  #features1 a.item h2 em, /* Category */
  #features2 a.cat h2 em,
  #features3 .category a.item em.theme {
    font-size: 11px;
    color: #a87216;
    font-weight: normal;
    text-transform: uppercase;
    font-style: normal;
  }
  #features1 a.item .textItem,
  #features2 .imgFirstItem {
    display: block;
  }
  #features1 .imgFirstItem img,
  #features2 .imgFirstItem img,
  #features3 .imgFirstItem img {
    width: 100%;
  }
  #block-dgresearch-stories-3cols-block #features2 a.item.cat {
    float: none;
  }
  #features3 .category {
    margin-top: 3px;
  }
  #block-dgresearch-stories-3cols-block #features3 h3 {
    margin-top: 0;
  }

  /**
   * Popular
   */
  #block-views-from-around-the-web-block {
    background: rgba(0, 0, 0, 0) url("../images/home-line-shadow.png") no-repeat scroll right -400px;
    clear: none;
    float: left;
    margin: 0;
    width: 48%;
    height: 230px;
    min-height: 230px;
  }
  #block-views-technologist-block {
    clear: none;
    float: left;
    margin: 0 0 0 2%;
    width: 48%;
    height: 230px;
    min-height: 230px;
  }
  #block-views-from-around-the-web-block .views-row,
  #block-views-technologist-block .views-row {
    padding-right: 2%;
  }
  #block-views-from-around-the-web-block .item h3,
  #block-views-technologist-block .item h3 {
    clear: none;
    font-size: 20px;
    padding: 0;
  }
    #block-views-from-around-the-web-2-block {
    background: rgba(0, 0, 0, 0) url("../images/home-line-shadow.png") no-repeat scroll right -400px;
    clear: none;
    float: left;
    margin: 0;
    width: 48%;
  }
  #block-views-from-around-the-web-2-block .views-row {
    padding-right: 2%;
  }
  #block-views-from-around-the-web-2-block .item h3 {
    clear: none;
    font-size: 20px;
    padding: 0;
  }

  @media all and (min-width: 983px) {
	  #block-views-from-around-the-web-block .views-row img,
	  #block-views-from-around-the-web-2-block .views-row img,
	  #block-views-technologist-block .views-row img {
		  max-width: 210px;
	  }
  }

  #block-block-2,
  #block-mostpopular-1,
  #viewedPopular {
    float: left;
    margin: 0 0 0 2%;
    width: 48%;
    position: relative;
  }
  .not-front #block-block-2,
  .not-front #block-mostpopular-1,
  .not-front #viewedPopular {
    margin: 0;
  }
  #viewedPopular,
  #block-mostpopular-1 {
    margin-bottom: 16px;
    min-height: 99px;
  }
  .sidebar #block-block-2,
  .sidebar #block-mostpopular-1,
  .sidebar #viewedPopular {
    float: none;
    padding-top: 1px;
    width: auto;
  }

  .front #from_around_the_web_container,
  .front #most_viewed_shared_container {
    float: left;
    width: 49%;
  }

  .front #from_around_the_web_container .block {
    width: 100% !important;
    border: none !important;
    display: block !important;
  }

  .front #most_viewed_shared_container #block-block-2, .front #most_viewed_shared_container #block-mostpopular-1, .front #most_viewed_shared_container #viewedPopular {
    width: 90% !important;
    border: none !important;
    display: block;
  }
  .front #most_viewed_shared_container #block-block-2 {
    width: 95% !important;
  }

  body.front #sharedPopular .mostpopular--items li {
    margin-left: 0 !important;
  }
  body.front .mostpopular--no-results, #block-mostpopular-1 .content, #viewedPopular .view, #sharedPopular .view {
    padding: 0;
  }
  body.front #viewedPopular {
    background: rgba(0, 0, 0, 0) url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAIBAMAAAA2IaO4AAAAIVBMVEVDQ0P///9DQ0NERERDQ0NERERDQ0NDQ0NERERDQ0NDQ0PBpoE4AAAAC3RSTlMAAAEBCQkhIiJ3eAutQ4kAAAAfSURBVHheY4hoYRRkyFxuCCRmKAoyhKUAuYJAgEYAAI46BVD7ZUJSAAAAAElFTkSuQmCC") repeat-x scroll center bottom !important;
  }

  body.front div.popular-toggle {
    display: none !important;
  }
  body.front h3.tabletMost {
    position: relative;
    float: left;
    margin-left: 2%;
    margin-bottom: 15px;
    color: #555555;
    width: 95%;
    float: right;
    display: block;
    font-size: 16px;
  }

  .sidebar .popular-toggle {
    padding-right: 16px;
  }
  .sidebar .popular-toggle .button {
    width: 49.5%;
  }
  .sidebar .mostpopular--no-results,
  .sidebar #block-mostpopular-1 .content,
  .sidebar #viewedPopular .view {
    padding: 0 16px;
  }

  /**
   * Homepage gallery.
   */
  #block-gallery-home-gallery-home {
    width: 58.8%;
  }

  /**
   * Homepage facebook connect.
   */
  #block-block-1 {
    width: 39.2%;
  }

  /**
   * Articles overview.
   */
  .view-display-id-overview_page .views-row {
    margin-bottom: 1%;
  }
  .view-display-id-overview_page a {
    color: #555;
    padding: 4%;
  }
  .view-display-id-overview_page h3 {
    background: transparent;
    color: #007d98;
    font-size: 20px;
    margin-bottom: 0;
    padding: 0;
  }
  .view-display-id-overview_page p {
    margin: 0;
  }
  .category-changer {
    top: -2px;
  }
  .with-sidebar .category-changer {
    top: 13px;
  }

  /**
   * Video detail.
   */
  .node-video .titleType.gray .key-theme-label {
    font-size: 14px;
  }
  .node-video .titleType.gray a,
  .node-video .titleType.gray a:visited,
  .node-video .titleType.gray a:active {
    font-size: 13px;
  }
}

@media print, only screen and (min-width: 540px) and (max-width: 739px) {
  #navigation.with-small-header ul.topmenu.position-fixed {
    top: 37px;
  }
  #header .l-left img,
  #header .l-right a {
    -webkit-transition: width 0.3s, height 0.3s;
    -moz-transition: width 0.3s, height 0.3s;
    transition: width 0.3s, height 0.3s;
  }

  #header.small-header {
    height: 37px;
  }
  #header.small-header .l-left img {
    height: 37px;
  }
  #header.small-header .l-right a {
    height: 18px;
    width: 24px;
    background-size: contain !important;
    margin-top: 9px;
  }
  .node .article-info_scroll.article-info_top {
    padding: 0;
    position: relative;
    background: none transparent;
    z-index: inherit;
  }
  .node .article-info_scroll.article-info_top div.tools {
    position: fixed;
    top: 8px;
    right: 16vw;
    z-index: 20;
  }
  .article-info_scroll.article-info_top .tools .at-icon,
  .article-info_scroll.article-info_top .tools .at-icon-wrapper {
    width: 20px !important;
    height: 20px !important;
  }
  .article-info_scroll.article-info_top .tools .at-icon {
    width: 20px !important;
    height: 20px !important;
  }
  .article-info_scroll.article-info_top a.addthis_button_other img {
    width: 20px !important;
    height: 20px !important;
    margin-right: 6px;
  }
  .article-info_scroll.article-info_top .tools .at-icon-wrapper {
    margin-right: 0.8vw;
  }
}

@media all and (min-width: 983px) {
  #block-views-from-around-the-web-block .views-row img,
  #block-views-from-around-the-web-2-block .views-row img,
  #block-views-technologist-block .views-row img {
    max-width: 210px;
  }
}

@media print {
  .quotesBlock.quote_horizontal {
    clear: left;
    clear: right;
  }
  .quotesBlock.quote_horizontal + p {
    clear: both;
  }
}
@media (min-width: 1024px) {
  #republish-content-form {
    display: inline-block;
  }
}

/* temporary most viewed / shared blocks on homepage */
.front #block-mostpopular-1,
.front .tabletMost,
.front #block-block-2 > .content {
  display: none !important;
}
/*.front #viewedPopular,
.front #block-block-2 {
  float: none !important;
  clear: noth;
}*/
.front  #most_viewed_shared_container {
  margin-top: 0;
  margin-left: 2%;
  width: 48%;
}
body.front #viewedPopular {
  background: none !important;
}