/**

%s/\.responsive body/body/g
%s/\.\.\/images\//\/images\//g
%s/\.responsive html/.responsive/g
%s/body #wrap/body #viewport/g
%s/table.schedule/table#schedule/g
%s/ul.panelists/ul#panelists/g

*/

.responsive img {
  /* Avoid layout issues by making images as blocks */
  display: block;
}

.responsive #how-to-follow .content {
  /* Overflow otherwise */
  min-height: 195px;
}

.responsive .event-status .content {
  /* Increasing padding so widget is not cut to the left */
/*  padding-left: 20px; */
}

.responsive .panel-nav ul li.current a {
  /* Our old theme sets active links to bold, override that */
  font-weight: normal;
}

.responsive .item-list ul li
{
  margin:0;
  list-style:none;
  display:block;
}

.responsive .item-list .pager {
  margin: 0;
}

.responsive .item-list .pager li {
  display: inline;
}

.responsive div.controls div.form-item
{
  margin:0;
}

.responsive #header-main #nav-supp ul
{
  margin:0;
}

.responsive #header-main #nav-secondary {
  float: right; /* Now we have removed the social links menu, we put the secondary menu on right instead of left. */
}

.responsive #header-main ul#nav-main
{
  margin:0;
}

.responsive table#schedule td h2 {
  height: auto;
  letter-spacing: 0;
  overflow: visible;
  color: #333333;
}

.responsive table#schedule td.session h2
{
  color: #333333;
  font-weight:bold;
  height:auto;
  min-height:35px;
}

.responsive table#schedule td.thumbnail ul.counter li{
  padding-right: 4px;
}

.main-wrapper
{
  margin:0;
  padding:0;
  position: static;
  background-color:transparent;
  overflow:visible;
  width:inherit;
}

.responsive #footer-main .col ul li
{
  padding:0;
}

.responsive li.leaf 
{
    list-style-image:none;
    list-style-type: none;
    margin: 0;
    padding: 0.2em 0.5em 0 0;
}

.responsive table#schedule td.session h2 a
{
  color: #333333;
  font-weight:bold;
}
.responsive table#schedule td.session h2 a:hover
{
  color: #419fcf;
}

.responsive .alpha-filter ul li
{
  padding:0 3px 0 4px;
}

.responsive #features .summary h1 {
  padding-top: 10px;
}

.responsive #features .summary .content {
  padding-bottom: 10px;
}

.event-photo-about ul.links li,  div.panel-col .panel.subtle ul.links li
{
  display:block;
  padding:0;
}

#main-content-region .event-photo-about .title h1, #main-content-region .about_co_chairs .title h1
{
  font-size: 24px;
  font-weight:normal;
  padding:6px 0 0 10px;
  margin:0;
  line-height:28px;
}

#main-content-region .about_co_chairs h2{
  height:auto;
  min-height:32px;
}

#main-content-region div.panel-col .panel.subtle h1
{
  font-size: 24px;
  line-height: 36px;
  margin: 0;
  padding: 4px 0 0 0;
  font-weight: normal;
}

#main-content-region div.panel-col .panel.subtle #flickr_gallery ul
{
  margin:0;
  width:312px;
}

#main-content-region div.panel-col .panel.subtle #flickr_gallery ul li
{
  float:left;
  margin-right:3px;
  margin-bottom:3px;
}

#event-people .picture
{
  height:175px;
  overflow:hidden;
}

#event-details .panels
{
  margin-left:0;
}

.responsive #event-details header #event-nav li {
  /* We added a tab that is too wide to fit in default width  */
  min-width: 155px;
  max-width: 170px;
  width: auto;
}

/**
 * Search and breadcrumbs bar
 */
.responsive #breadcrumb-search {
  /* Make background color transparent to improve look on old templates */
  background: transparent;

  /* Add margin to improve look on old templates */
  margin-bottom: 30px;
  margin-right: 10px;
}

.responsive #breadcrumb-search .breadcrumb {
  /* Align with old grid */
  padding-left: 90px;
}

.responsive #breadcrumb-search form#search {
  /* Add a border on bottom to improve look on old templates */
  border-bottom: 1px solid #BDBDBD;
  height: 23px;

  /* Align with old grid */
  float: right;

  /* Padding from old theme will break layout otherwise */
  padding: 0;
}

#search .form-item {
  /* Margin from old theme will break layout otherwise */
  margin: 0;
}

#search .form-item label.fancybold{
  min-width:41px;
  max-width:41px;
}

.responsive #breadcrumb-search form#search input.form-submit {
  /* Copying here submit button style, as it's a <button> in source template
     and an <input> in Drupal */
  background-image: url(../images/new/icons.png);
  background-size: 544px auto;
  margin-left: 3px;
  background-position: -96px -39px;
  display: block;
  text-indent: -9999px;

  /* Adaptation for fitting in slightly different dimensions */
  background-color: black;
  background-position: -94px -37px;
  height: 24px;
  margin: 0;
  width: 36px;
}
.responsive #breadcrumb-search form#search input.form-submit:hover {
  background-color: #419FCF;
}

/**
 * Main menu
 */
.responsive #header-main #nav-main.with-7 li {
  /* Adapted items width due to additional item in the menu */
  margin-right: 4px;
  width: 110px;
}

.responsive #header-main #nav-main.with-6 li {
  /* Adapted width for new items */
  width: 132px;
}

.responsive #header-main #nav-main.with-6 li.first a {
  height: 20px;
}

/* disable home icon for IE7/IE8 */
@media \0screen\,screen\9 {
  .responsive #header-main #nav-main.with-6 li.first a {
    display:none;
  }
}

.responsive #header-main #nav-main.with-6 li.first a:before {
  position: absolute;
  top: 9px;
  left: 10px;
  width: 22px;
  height: 20px;
  background: url('/sites/all/themes/wef-960/images/home-icon.png') no-repeat scroll center top / 22px auto transparent;
  content: "";
}

.responsive #header-main #nav-main.with-6 li.first a:hover:before,
.responsive #header-main #nav-main.with-6 li.first a.active:before {
  background: url('/sites/all/themes/wef-960/images/home-icon-active.png') no-repeat scroll center top / 22px auto transparent;
}

.responsive #header-main #nav-main.with-6 li.first {
  position: relative;
  width: 40px;
  font-size: 0px;
}

.responsive #header-main #nav-main li a {
  /* Old CSS makes active item bold */
  font-weight: normal;
}

.responsive #header-main #nav-main li a.active {
  /* We duplicate "active" link behavior since upstream do not use the same 
     strategy than Drupal */
  border-top: 2px solid #419FCF;
  border-bottom-color: #419FCF;
  padding-top: 9px;
  color: #419FCF;
}

/**
 * Carousel on homepage
 */
#wef_carousel_home .carousel-nav {
  height: 21px;
  line-height: normal;
  padding: 7px;
}

#wef_carousel_home .carousel-nav button {
  background-color: white;
  background-image: url('../images/new/icons.png');
  border: 1px solid #D1D1D1;
}
#wef_carousel_home .carousel-nav button:hover {
  background-color: #419FCF;
}
#wef_carousel_home .carousel-nav button.prev {
  background-position: -166px -7px;
}
#wef_carousel_home .carousel-nav button.prev:hover {
  background-position: -166px -39px;
}
#wef_carousel_home .carousel-nav button.next {
  background-position: -198px -7px;
}
#wef_carousel_home .carousel-nav button.next:hover {
  background-position: -198px -39px;
}

.responsive .carousel-nav .img {
  /* Fix carousel-nav images under IE8. They are hidden otherwise with
     max-width set. */
  max-width: auto;
}

.responsive #header-main #nav-social li#nav-social-follow .menu {
  left:-89px;
}

.responsive #header-main #nav-social li .menu
{
  width:336px;
}

#block-homepage-event_shortcuts #event-countdown {
  margin-left:0;
}

#block-homepage-event_shortcuts #event-countdown h1{
  margin:10px 0 10px 10px;
}

#block-homepage-event_shortcuts #event-countdown li.span4{
  width:142px;
}

#block-homepage-event_shortcuts #event-progress li.span4{
  width:140px;
}


#block-homepage-event_shortcuts #event-progress h2
{
  font-size: 3.42857em;
  height: 60px;
  font-weight: normal;
  margin: 0 0 0.20833em 0;
  padding: 2px 5px 4px 5px;
  color: #419fcf;
  background:none;
  line-height:1.125em;
}

/**
 * Event widgets
 */

/* Copy-pasted from base.css but added more specific selector so old CSS
   won't override it */
#main-content-region .responsive .event-status .content h1 {
  font-size: 1.42857em;
  line-height: 1.2em;
  font-weight: 300;
  color: #FFF;
}

/**
 * Event speakers tab
 */
.responsive ul#panelists > li .photo-name h2.long {
  /* Decrease font-size if name is too long to fit */
  font-size: 1.2em;
}

.responsive ul#panelists > li .sessions .content .item-list {
  /* Scroll if session list is too long */
  height: 245px;
  overflow-y: auto;
}

/**
 * Event about tab
 */
.event-about {
  /* Make sure the footer part positioned at the bottom left will always be
     below the illustration image and not over it. */
  min-height: 300px;
}

/*
 * Live channels
 * Many styles are not appied because #main-content-region XX takes precedence over .responsive XX, so we provide more specific selectors
 */

.live-channels.responsive #event-details {
  /* Livestream widget is not tall enough */
  min-height: 0;
}

#main-content-region .live-channels .posts.panel .items .item h2 {
    font-size: 1em;
    height: 2.5em;
    line-height: 1.28571em;
    margin: 0;
    overflow: hidden;
}
#main-content-region .live-channels h2 {
    font-size: 31.5px;
}
#main-content-region .live-channels h1, #main-content-region .live-channels h2, #main-content-region .live-channels h3 {
    line-height: 40px;
}
#main-content-region .live-channels h1, #main-content-region .live-channels h2, #main-content-region .live-channels h3, #main-content-region .live-channels h4, #main-content-region .live-channels h5, #main-content-region .live-channels h6 {
    color: inherit;
    font-family: inherit;
    font-weight: bold;
    line-height: 20px;
    margin: 10px 0;
    text-rendering: optimizelegibility;
}

#main-content-region .live-channels .posts.panel .items .item .author-date h3.author {
    float: left;
}
#main-content-region .live-channels .posts.panel .items .item h3.author {
    color: #5A5A5A;
    font-size: 0.92857em;
    line-height: 1.5em;
    margin: 0;
}

#main-content-region .live-channels .panel h1 {
    float: left;
    font-size: 1.71429em;
    font-weight: normal;
    line-height: 1.5em;
    margin-bottom: 0;
    margin-top: 0;
}

#main-content-region .live-channels .panel.subtle h1 {
  border-bottom-color:#D1D1D1;
  border-bottom-style:solid;
  border-bottom-width:1px;
  float:none;
  padding-top:4px;
}

/* We also have to 'undo' certain #main-content-region styles */
#main-content-region .live-channels h2 {
    letter-spacing: normal;
}

.responsive #how-to-follow .content ul.social-links li a {
  /* Override old theme spacing for .social-links */
  margin-right: 0;
  padding: 0;
}

/**
 * Event programme
 */
/* Make sure session objectives will display correctly */
.responsive #event-programme td.session ul li {
  list-style-type: disc;
}
.responsive #event-programme td.session ol li {
  list-style-type: decimal;
}

/**
 * Event video pages (no initial template)
 */
#event-videos .bg {
  background: #f0f0f0;
  padding-bottom: 10px;
}

#event-videos .title {
  border-bottom: 1px solid #d1d1d1;
  padding-bottom: 0.5em;
  font-size: 24px;
  font-weight: normal;
  padding: 6px 0 0 10px;
  margin: 0;
  line-height: 28px;
}

#event-videos .content {
  margin: 10px;
}

#event-videos .content ul {
  margin: 0;
}

#event-videos .content ul li {
  background: #FFF;
  float: left;
  height: 300px;
  margin-bottom: 10px;
  margin-right: 15px;
  width: 300px;
}

#event-videos .content ul li .descr {
  padding: 10px;
}

#event-videos .content ul li .descr a {
  color: #545557;
}

section.session-summary{
  min-height:0;
}

div#main-content-region section.session-summary h2, div#main-content-region section.session-summary h2.mini, div#main-content-region section.session-summary h2, div#main-content-region section.session-summary h2.mini{
  font-size: 24px;
  font-weight: normal;
  padding: 6px 0 0 10px;
  margin: 0;
  line-height: 28px;
  color:#000;
  background-color:transparent;
  border-top: 1px solid #CCC;
}

section.session-summary h2.no-border{
  border:none !important;
}

section.session-summary div.grid-4{
  width:340px;
  margin-left:0;
}

section.session-summary div.grid-8{
  background-color:#f0f0f0;
}

section.session-summary div.grid-8-in{
  background-color: #FFF;
  margin:0 10px 10px 10px;
}
section.session-summary div.videoPlayer {
  background-color: #F0F0F0;
  text-align: center;
  float:left;
}

section.session-summary div.related-tweets ul,section.session-summary ul.members{
  margin:0;
}

section.session-summary #flickr_gallery ul{
  margin:10px 0 0 0;
}

section.session-summary #videos-tabs ul{
  margin-bottom:0;
}

section.session-summary #flickr_gallery ul li{
  margin:0 0 3px 3px;
}
  

#block-www_events-programme_sessions_listing input[name=contrib]{
  margin: -3px 0 0 3px;
  background-color:#fafafa;
  border:1px solid #d0d0d0;
}

section.session-summary div#block-www_events-live-session-info p{
  margin-top:10px;
  margin-bottom: 0;
}

section.session-summary a.download-grey{
  margin-top:0;
}

section.session-summary ul#main-column{
  margin:10px 0 0 0;
  padding-bottom:10px;
}
section.session-summary ul#main-column li{
  margin:0 10px 10px 10px;
}

section.session-summary ul#main-column li.main-video{
  margin:0;
}

section.session-summary ul#main-column li.live-session-info h2{
  border:none;
  font-weight:bold;
  font-size:24px;
  height: auto; /* Override fixed height */
  padding-left:0;
  margin-bottom:15px;
}
section.session-summary ul#main-column li.live-session-info h2 .js-wrap{
  height: auto;
  white-space: normal;
}

section.session-summary ul#main-column li.live-session-info p{
  border-top:1px solid #CCC;
  padding:6px 0;
  margin:0;
}

section.session-summary ul#main-column li.live-session-info a.pdf{
  margin:5px 0;
  padding: 0 0 2px 23px;
  background: #409ed2 url(/sites/all/themes/wef-960/images/ico/flickr-white-arrow.gif) repeat-y left center;
  display: block;
  width: 557px;
  color: #fff !important;
}

section.session-summary ul#main-column li.video{
  margin-bottom:10px;
  background-color:#f0f0f0;
  height:185px;
}

section.session-summary ul#main-column li.video a.thumb{
  width:290px;
  height:185px;
  float:left;
}

section.session-summary ul#main-column li.video p{
  padding:5px 5px 5px 300px;
  width:270px;
  height:165px;
  font-size:12px;
}

section.session-summary ul#main-column li.body h2.no-wrap{
  margin-top:20px!important;
  margin-bottom:5px;
}

section.session-summary div.grid-4 div:first-child h2{
  border-top:none!important;
}

section.session-summary div#block-www_events-session-summary-related-videos ul{
  margin:0;
}

section.session-summary div#block-www_events-session-summary-related-videos ul li{
  margin-top:10px;
  height:85px;
}

section.session-summary div#block-www_events-session-summary-related-videos  a.thumb{
  width:150px;
  height:85px;
  float:left;
}

section.session-summary div#block-www_events-session-summary-related-videos  a.title{
  color:#000;
  font-weight:bold;
}

section.session-summary div#block-www_events-session-summary-related-videos p{
  margin-left:160px;
}

section.session-summary div#block-www_events-session-summary-related-videos h2{
  margin-top:15px;
}

section.session-summary div#block-www_events-session-summary-related-videos li{
  border-top:1px solid #CCC;
  padding-top:10px;
}

section.session-summary div#block-www_events-session-summary-related-videos li:first-child{
  border-top:none;
  padding-top:0;
}

#event-programme #event-programme-header h1 span,
#block-www_events-voices_panelists_listing #event-panelists-header h1 span {
  font-weight: normal;
}