/*
Theme Name:     QMUL Centre for the History of Emotions
Theme URI:      
Description:    twentytwelve child theme.
Author:         Chris Sparks
Author URI:     
Template:       twentytwelve
Version:        0.1.0
*/

@import '../twentytwelve/style.css';
.entry-content a:visited, .comment-content a:visited{
  color: #3d3d3d; !important
}
* {
 margin: 0;
}
html,body{
 height:100%;
}
.site-header h1 a, .site-header h1 a span.name, h1 a span.preamble{
    font-size: 2rem;
}
#main.wrapper{
  min-height: 100%;
  margin: 0 auto -10rem auto;
}
  footer#colophon,
  .push{
    height: 10rem;
  }
  footer#colophon{
    width: 100%;
    display: block;
    background: #53594D;
  }
  footer#colophon div.site-info{
    max-width: 68.5714rem;
    margin: 0 auto;
    padding: 2rem 0;
    text-align: right;
    color: white;
  }
  footer#colophon img{
    padding: 0 2rem;
  }
header.site-header hgroup{
    height: 120px;
    }
.entry-header .entry-title h2,
.entry-content h2{
    font-size: 1.42857rem;
    font-weight: normal;
    line-height: 1.2;
}
header.site-header{
  background: url('images/emotions.png');
}
header.site-header{
  padding: 0;
  margin: 0;
}
.site-header hgroup h1{
  text-align: left;
  padding: 0;
  margin: 0;
}
.site-header hgroup{
  background-position: -100rem top;
}
.site-header h1 a,
.site-header h1 a:hover,
.site-header h1 a:visited,
.site-header h1 a:active{
    color: black;
    text-align: left;
}
html body p,
html body a{
    line-height: 1.71429em;
}
.site-content.news #content h2{
  margin: .3em 0 1.2em 0;
  font-size: 1.3em;
  font-weight: normal;
}

.site-content.news #content h3{
  margin: 1em 0;
  font-size: 1.3em;
  font-weight: normal;
  font-weight: bold;
}
.site-content #content p{
    margin: .5em 0;
    line-height: 1.71429;
    margin: 0 0 1.71429rem;
}
.front-page-sidebar{
  margin-bottom: 2rem;
  }
  .front-page-sidebar.link a,
  .front-page-sidebar.link a:hover,
  .front-page-sidebar.link a:visited,
  .front-page-sidebar.link a:active{
    text-decoration: none;
    background: #F1EBD5;
    display: block;
    color: black;
    padding: .8rem;
  }
  .front-page-sidebar p{
    margin: 0;
    padding: 0;
    line-height: 1.71429em;
  }
.front-page-sidebar header h1{
  font-weight: bold;
  font-size: 1.35em;
  margin: 0 0 .5em 0;
  padding: 0;
  line-height: 1.2em;
}
.front-page-sidebar .highlight-item.events{
}
.front-page-sidebar .highlight-item h2,
.front-page-sidebar .highlight-item h3,
.front-page-sidebar .highlight-item h4{
  font-weight: normal;
  font-size: 1em;
  line-height: 1.2em;
}
.front-page-sidebar .highlight-item.events h3,
.front-page-sidebar .highlight-item.events h4{
  font-size: .9em;
  margin: .4rem 0;
  padding: 0;
}
.front-page-sidebar .highlight-item.events h2 a,
.front-page-sidebar .highlight-item.events h2 a:hover,
.front-page-sidebar .highlight-item.events h2 a:visited,
.front-page-sidebar .highlight-item.events h2 a:active{
  text-decoration: none;
  font-size: 1.1em;
  color: black;
  background: url("images/link-intact.png") 0 .3rem no-repeat;
  padding-left: 1rem;
}
.front-page-sidebar .highlight-item h3{
  font-size: 1.1em;
  margin: .2em 0;
}
.front-page-sidebar {
}
img.icon{
  vertical-align: -15%;
}
.front-page-sidebar header h1 a,
.front-page-sidebar header h1 a:hover,
.front-page-sidebar header h1 a:visited,
.front-page-sidebar header h1 a:active{
  text-decoration:none;
  color: #53594d;
}
body .site {
  margin-top: 0;
  padding-top: 0;
}
body .site-content article{
  border: none;
  margin-bottom: 1em;
}
hr#border{
display: none;
}
  header.site-header h2.site-description{
    font-size: 1.3rem;
    text-align: left;
    margin: .3rem 0;
  }
@media screen and (min-width: 600px) {
header.site-header hgroup{
    height: 175px;
    background: url('images/banner.png') 300px top no-repeat;
}
.site-header h1 a, .site-header h1 a span.preamble:after { content:"\A"; white-space:pre; }
.site-header h1 a, .site-header h1 a span.preamble{
    font-size: 1.7rem;
    
}
.site-header h1 a, .site-header h1 a span.name{
    font-size: 2.5rem;
    margin-left: -.7rem;
}
body{
  background-color: white;
}
  body .site{
    box-shadow: none;
  }
  .main-navigation ul.nav-menu, .main-navigation div.nav-menu > ul{
    border: none;
  }
  header.site-header{
    margin: 0;
    padding: 0;
    width: 100%;
  }
  header.site-header hgroup{
    max-width: 68.5714rem;
    padding: 0;
    margin: 0 auto;
  }
  header.site-header hgroup h1{
    max-width: 68.5714rem;
    margin: 0 auto;
    padding: .5em 1em;
  }

  nav#site-navigation{
    margin: 0;
    padding: 0 0 0 1.71429rem;
    background: #BFB8A6;
  }
  div.menu-site-menu-container{
    margin:0 auto;
    padding: 0;
    max-width: 68.5714rem;
  }
  nav#site-navigation a{
    color: black;
  }
  hr#border{
    display: block;
    boder: none;
    border-bottom: 1px solid black;
    margin: 0;
    padding: 0;
    width: 100%;
  }
  .page.home #content{
     width: 70%;
     float: left;
  }
  .front-page-sidebar{
    font-size: .9rem;
    float: right;
    clear: right;
    width: 28%;
    margin-bottom: 1rem;
    margin-left: .2rem;
  }
}
@media screen and (min-width: 960px) {
  header.site-header hgroup{
    background: url('images/banner.png') top right no-repeat;
  }
  nav#site-navigation{
    padding: 0;
  }
}
.entry-header h1.entry-title{
  font-size: 2.4rem;
  -moz-hyphens: none; !important
  -webkit-hyphens: none; !important
  -ie-hyphens: none; !important
}
.site-header h1 a{
    margin-top: 1rem;
    display: inline-block;
    font-size: 1.5em;
    font-weight: normal;
    line-height: 1.2em;
    text-decoration: none;
}
.news h3 a,
.news h3 a:hover,
.news h3 a:visited,
.news h3 a:active{
}
@media screen and (max-width: 600px) {
  .menu-toggle,
  .menu-toggle:focus,
  .menu-toggle:hover,
  .menu-toggle:active,
  .menu-toggle.toggled-on{
      background: #bfb8a6 url('images/menu-2x.png') no-repeat center right 10px;
      border: none;
      box-shadow: none;
      color: black;
      width: 100%;
      border-radius: 0;
      padding: 1em 0;
      font-size: 1rem;
  }
  .main-navigation{
    margin: 0;
  }
  .main-navigation li{
    margin: 0;
    padding: 0l
  }
  .main-navigation li a,
  .main-navigation li a:hover,
  .main-navigation li a:visited
  .main-navigation li a:active{
    text-decoration: none;
    background: #717363;
    display: block;
    color: white;
    margin: 0;
    padding: .5em 0;
    width: 100%;
    font-size: 1rem;
  }
  .main-navigation ul.nav-menu.toggled-on, .menu-toggle{
     width: 100%;
  }
}
div.event{
  margin-top: 3rem;
}
 .site-content.events #content h2,
 .event h2.event-title{
  line-height: 1.71429;
  margin: .3em 0 1.2em 0;
  font-size: 1.3em;
  font-weight: bold;
  margin: 0;
  padding: 0;
}
.site-content #content .event p{
  margin:0;
  padding: 0;
}
.site-content.events #content h2.upcoming-events-title,
.site-content.events #content h2.past-events-title{
  font-size: 1.8rem;
  margin-top: 4rem;
}
h3.event-date,
.site-content.events #content h3{
  margin: .8em 0;
  font-size: 1.2em;
  font-weight: normal;
}
#content ul{
  list-style-type: normal;
  margin: 3em;
}
#content li{
  list-style-type: initial;
  line-height: 1.2em;
  margin: 1.2em 0;
}