/* 
Title: CSS Styles for History and Policy.
Copyright: 2005-2012. All rights resevered. 
Version:  28 November 2013
Author:   Graham CopeKoga
Web:      http://www.historyandpolicy.org
Email:    gc489 at cam.ac.uk 

Do not use this css code without permission. 

*/

a {
color: #ac2855;
text-decoration: none;
}

a:hover {
color: #000;
text-decoration: none;
}

.nav>li> a.current {
color: #000;
color: rgb(255,255,255);
text-decoration: none;
background-color: #ac2855;
}

.navbar-default .navbar-collapse, .navbar-default .navbar-form {
margin-top: 10px;
}

.logo-header {

}

.slide {
margin-top: 50px
}

p {
font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
}

.dl-horizontal dt {
text-align: left;
color: #ac2855;
text-transform: uppercase;
}

.img-clear {
margin-top: 63px;
}

.page-title {
font-size: 1.6875em;
}

.entry-meta {
color: #333;
}

.call-out > * {
overflow: hidden;
margin-right: 20px;
}

.fb_iframe_widget {
overflow: hidden;
}

.social ul {
margin-bottom: 12px;
}

.btn.btn-outlined {
border: none;
color: #fff;
background: #ac2855;
margin-top: 20px;
}

a:hover.btn.btn-outlined {
border: none;
color: #000;
background: #fff;
}

.btn {
text-transform: uppercase;
-webkit-transition: all 300ms ease;
-webkit-transition-delay: 0s;
-moz-transition: all 300ms ease 0s;
-o-transition: all 300ms ease 0s;
transition: all 300ms ease 0s;
}

.social li { 
float: left;
list-style: none;
padding: 0 10px 0 0;
height: 35px;
width: 50px;
}

.social li a { 
display: block;
height: 35px;
width: 35px;
-webkit-transition: opacity 0.5s ease-in-out;
-moz-transition: opacity 0.5s ease-in-out;
-o-transition: opacity 0.5s ease-in-out;
transition: opacity 0.5s ease-in-out;
}

.social ul li a span {
display: block;
text-indent: -999em;
position: relative;
top: 15px;
margin: 0 auto;
text-align: center;
}

.social p {
color: #ccc;
}

.social li.twitter-icon a {
background: url("/img/icons/twitter.png") no-repeat transparent;
}

.social li.twitter-icon a:hover {
background-position: bottom;
}

.social li.facebook-icon a {
background: url("/img/icons/facebook.png") no-repeat transparent;
}

.social li.facebook-icon a:hover {
background-position: bottom;
}

.social li.youtube-icon a {
background: url("/img/icons/youtube.png") no-repeat transparent;
}

.social li.youtube-icon a:hover {
background-position: bottom;
}

.social li.soundcloud-icon a {
background: url("/img/icons/soundcloud.png") no-repeat transparent;
}

.social li.soundcloud-icon a:hover {
background-position: bottom;
}

.social li.itunes-icon a {
background: url("/img/icons/itunes.png") no-repeat transparent;
}

.social li.itunes-icon a:hover {
background-position: bottom;
}

.social li.flickr-icon a {
background: url("/img/icons/flickr.png") no-repeat transparent;
}

.social li.flickr-icon a:hover {
background-position: bottom;
}

.tagline {
text-align: center;
}

.tagline h3 {
font-weight: 600;
}

.panel {
border-radius: 0;
-webkit-box-shadow: none;
box-shadow: none;
}

.what-people-say blockquote {
color: rgba(0,0,0,0.7);
font-style: italic;
border-left: none;
text-align: center;
font-weight: 400;
line-height: 28px;
padding: 0 10px;
font-size: 1.25em;
}

img.ebook {
margin-bottom: 20px;
}

.widget {
margin: 40px 0 20px 0;
}

.what-people-say h4 {
text-transform: uppercase;
margin-bottom: 30px;
}

.event-date {
vertical-align: top;
padding-right: 15px;
}

.event-date .event-day {
font-weight: 200;
display: block;
text-align: center;
font-size: 2.2em;
color: #ac2855;
line-height: .8;
}

.event-date .event-month {
padding-left: 3px;
font-weight: 400;
font-size: 1.1em;
text-transform: uppercase;
display: block;
text-align: center;
line-height: 1.1;
letter-spacing: 1px;
}

.event-left>div, .event-right>div {
display: table-cell;
position: relative;
}

section.info-section {
padding-top: 20px;
}

section.call {
padding: 40px 0;
}

section.south {
background-color: #111;
}

section.south h6 {
text-transform: uppercase;
}

section.about {
background-color: #eee;
border-top: 1px solid #999;
}

section.south h5.section_heading {
text-transform: uppercase;
font-weight: 700;
color: #fff;
}

section.south a:hover {
color: #fff;
}

section.what-people-say {
background: rgba(0,0,0,0.1);
}

section.what-people-say em {
font-size: 1em;
font-weight: 400;
color: rgba()
}

section.what-people-say h4 {
text-align: center;
}

h4.section_heading, h5.section_heading {
text-transform: uppercase;
}

a.more {
text-transform: uppercase;
font-size: 0.875em;
}

.footer_section {
background: #111;
padding-top: 20px;
padding-bottom: 20px;
}

.footer_section a {
color: #fff;
font-size: 0.75em;
}

.footer_section a:hover {
color: #fff;
}

p.copyright {
color: #fff;
font-weight: 400;
font-size: 0.75em;
}

img.ibooks {
margin: 20px 0 20px 0;
}

.hero h3, .hero h4 {
color: #fff;
text-transform: uppercase;
text-align: center;
}

.hero h3 {
color: #fff;
font-weight: 700;
font-size: 3em;
margin-bottom: 0;
letter-spacing: 2px;
}

.hero h4 {
color: #fff;
font-weight: 400;
font-size: 1.25em;
margin-bottom: 40px;
text-transform: none;
font-family:"Times New Roman", Times, serif;
font-style: italic;
}

.find-out {
padding: 10px 15px 10px 15px;
background: #fff;
text-transform: uppercase;
font-size: 0.875em;
font-weight: 700;
}

.tag-line {
position: absolute;
left: 0;
right: 0;
top: 50%;
text-align: center;
}
  
hr {
border: solid #dddddd;
border-width: 1px 0 0;
clear: both;
margin: 1.25em 0 1.1875em;
height: 0;
}

ul.pagination li a.active {
background-color: #ac2855;
color: #000;
}

li a h5 {
color: #ac2855;
text-decoration: none;
}

h5.related_papers {
color: #ac2855;
text-decoration: none;
}

.search_results li.resultRowTwo {
background-color: #e2e2e2;
}

.search_results li {
margin: 0 0 10px;
padding: 10px;
}

.search_results span.search-channel {
color: #787878;
display: block;
font: normal 12px/15px sans-serif;
text-transform: uppercase;
}

.figcaption {
font-size: .75em;
color: gray;
padding: 20px 0 20px 0;
}

.embed {
margin: 20px 0 20px 0;
}

.carousel-indicators {
bottom: -50px;
}

.carousel-caption {
padding-bottom: 150px;
}

.carousel-caption h1 {
font-size: 48px;
}

.carousel-caption h2 {
font-size: 24px;
}

.carousel-caption h1.js {
font-size: 48px;
background: rgba(0, 0, 0, 0.7);
padding: 10px;
}

.carousel-caption h2.js {
font-size: 24px;
background: rgba(0, 0, 0, 0.7);
padding: 10px;
}

.carousel-caption .credit {
float: right;
bottom: 5px;
position: absolute;
font-size: 1em;
color: #fff;
background: none; 
padding: 10px;
}

.carousel-caption p {
font-size: 24px;
font-family: "times",sans-serif;
font-style: italic;
text-shadow: 0 1px 2px rgba(0,0,0,0.2);
}

.carousel-inner>.item>img, .carousel-inner>.item>a>img {
width: 100%;
height: 100%;
margin: 0 auto;
min-height: 100%;
padding: 0;
}

.page-header {
border-bottom: none;
}

.page-header-hr {
border: solid #000;
border-width: 2px 0 0;
clear: both;
margin: 1.25em 0 1.1875em;
height: 0;
}

#mc_embed_signup .button:hover {
background-color: #777;
}

#mc_embed_signup input.button {
display: block;
width: 35%;
margin: 0 0 10px 0;
min-width: 90px;
}

#mc_embed_signup .button {
clear: both;
background-color: #aaa;
border: 0 none;
border-radius: 4px;
color: #FFFFFF;
cursor: pointer;
display: inline-block;
font-size: 15px;
font-weight: bold;
height: 32px;
line-height: 32px;
margin: 0 5px 10px 0;
padding: 0;
text-align: center;
text-decoration: none;
vertical-align: top;
white-space: nowrap;
width: auto;
}

span.error, h2.error, ul.error {
color:            red;
margin-bottom:    10px;
}

form {
margin: 0;
}

fieldset {
margin: 0 0 2% 0;
}

fieldset input, 
fieldset textarea {
width: 80%;
outline: none;
font-family: calluna, serif;
border: 1px solid #ebebeb;
box-shadow: none;
display: block;
color: #000;
background-color: #f8faf9;
padding: 15px 15px;
margin: 5px 0 15px 0;
font-size: 1em;
text-transform: none;
font-weight: 400;
-webkit-transition: all .4s ease-in;
-moz-transition: all .4s ease-in;
-o-transition: all .4s ease-in;
transition: all .4s ease-in;	
}

fieldset input:focus, 
fieldset textarea:focus {
background: #666;
color: #fff;
}

fieldset input.email, 
fieldset textarea.email {
width: 90%;
outline: none;
border: none;
display: block;
box-shadow: none;
color: #000;
background-color: #666;
margin-bottom: 10px;
padding: 10px 10px;
font-size: 1em;
text-transform: none;
font-weight: 400;
-webkit-transition: all .4s ease-in;
-moz-transition: all .4s ease-in;
-o-transition: all .4s ease-in;
transition: all .4s ease-in;	
}

fieldset input.email:focus {
background: #fff;
color: #000;
}

@media screen and (max-width: 768px)
.carousel-caption {
left: 20%;
right: 20%;
padding-bottom: 0px;
}

.panel p {
margin-top: 20px;
}

/************************************************************************************
Vimeo Video
*************************************************************************************/
.js-video {
  height: 0;
  padding-top: 25px;
  padding-bottom: 67.5%;
  margin-bottom: 10px;
  position: relative;
  overflow: hidden;
}
 
.js-video.widescreen {
  padding-bottom: 57.25%;
}
 
.js-video.vimeo {
  padding-top: 0;
}

.js-video embed, .js-video iframe, .js-video object, .js-video video {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
}

.st-icon, [class^="st-icon-"] {
vertical-align: middle;
}

/* Keyframes */

@-webkit-keyframes fadein{
0%{
-webkit-transform: translateY(-20px);
opacity: 0;
}
100%{
-webkit-transform: translateY(0);
opacity: 1;
}
}
@-moz-keyframes fadein{
0%{
-moz-transform: translateY(-20px);
opacity: 0;
}
100%{
-moz-transform: translateY(0);
opacity: 1;
}
}
@keyframes fadein{
0%{
transform: translateY(-20px);
opacity: 0;
}
100%{
transform: translateY(0);
opacity: 1;
}
}

.portrait {
margin: 0 0 30px 0;
}

.title-overlay {
position: absolute;
left: 9.5%;
bottom: 3%;
}

.title-overlay h1 {
font-size: 3em;
margin: 0;
padding: 0;
color: #fff;
text-shadow: 0 1px 2px rgba(0,0,0,0.5);
}

.title-overlay h5.job-title {
font-size: 1em;
color: #fff;
text-shadow: 0 1px 2px rgba(0,0,0,0.5);
font-style: normal;
font-family: "adobe-garamond-pro",sans-serif;
margin: 0.625 0 0 0;
font-weight: 400;
-webkit-transform: translateY)(-1px);
-moz-transform: translateY(-1px);
transform: translateY(-1px);
-webkit-animation: fadein .9s .8s 1 forwards ease-in-out;
-moz-animation: fadein .9s .5s 1 forwards ease-in-out;
animation: fadein .9s .5s 1 forwards ease-in-out;
}