/**
 * This file should get overwritten if Method 1 is used. If Method 2 is chosen,
 * remove this comment and start adding your styles to this file.
 **/
/* Google fonts import */ 
@import url(https://fonts.googleapis.com/css?family=Gabriela|Cardo|Leckerli+One|Petit+Formal+Script);
@font-face {
    font-family:'icomoon';
    src:url('../custom-fonts/icomoon.eot');
    src:url('../custom-fonts/icomoon.eot?#iefix') format('embedded-opentype'), 128, 9 48% src:url('../custom-fonts/icomoon.eot');
    src:url('../custom-fonts/icomoon.eot?#iefix') format('embedded-opentype'), url('../custom-fonts/icomoon.woff') format('woff'), url('../custom-fonts/icomoon.ttf') format('truetype'), url('../custom-fonts/icomoon.svg#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}
p {
   font-family: 'Gabriela', serif;
}
a {
   font-family: 'Gabriela', serif;
}
.carousel-caption{
display: inline-flex;
position: absolute;

}
.caption-carousel-main{
margin: auto;
}
.field-name-body h2, field-name-body h3{
text-transform: capitalize;
font-variant: small-caps;
}
.sources-box {
    padding: 0.6em 10em;
}
.sources-box .field-label{
    font-family: 'Gabriela', serif;
    font-size: 24px;
}
.sources-box .field-items p{
    font-family: 'Cardo', serif;
}

.field-name-field-short-fact{
    font-family: 'Gabriela', serif;
}
/* Indentation */
.field-name-body, .source-box, .field-name-field-short-fact{
padding: 1em 0;
}

.field-name-body, .source-box, .field-name-field-short-fact{
padding: 1em 10em;
}

.clontarf-img, .carousel-inner{
padding: 0;
margin-bottom: 2em;
}

.field-name-body h4{
font-weight:bold;
}

.did-you-know p{
margin:0;
}

.carousel-inner img{
    width: 100%;
}

.field-name-field-politics-jumbotron, .field-name-field-context-jumbotron, .field-name-field-people-jumbotron {
    margin-bottom: 2em;
}
#block-search-form {
    width: 40%;
}
.ds-2col-stacked-fluid > .group-right {
    float: right;
    width: 35%;
    text-align: center;
}
.ds-2col-stacked-fluid > .group-left {
    float: left;
    width: 65%;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus{
    background-color: white;
    text-shadow: 0 0 2px #888888;
}
.view-politics a, .view-context a, .view-people a, .view-remember-medieval-section a, .view-remember-antiquarian a, .view-remember-early-modern-section a, .view-commemorations a{
   font-size: 18px;
}
.view-politics, .view-context, .view-people{
   float:left;
   padding-left: 18%;
}
.view-politics a, .view-context a, .view-people a{
   float:left;
}
.home_img_caption a {
   color: white;
   text-decoration: none;
}

.jumbotron p {
    font-family:'Gabriela', serif;
}
body {
    background-color: #FFFFFE;
    filter:none;
}
#carousel-bootstrap {
    padding: 15px;
    border: 2px solid;
    border-color: #EEEEEE;
    border-radius: 7px;
}
/** Css from Roman and guys - Gormalith article page **/
 .article_text > p {
    font-size:16px;
    text-align: justify;
}
.article_hi_inline {
    color:#600000;
    display:inline;
    font-size:18px;
}
.article_hi_block {
    color:#600000;
    display:block;
    text-align:center;
    font-size:16px;
    font-weight:bold;
}
.article_quote {
    font-size: 12px;
    font-style: italic;
    display:block;
    text-align:left;
    margin-left:5%;
}
.quote_line {
    margin: 10px auto;
    width:100px;
    display:block;
}
blockquote>p {
    text-align: left;
    font-size: 1.2em;
    font-style: italic;
    font-family:'Cardo', serif;
}
blockquote>p:first-child:before {
    color: #ccc;
    content:"\201C";
    font-size: 4em;
    line-height: 0.1em;
    margin-right: 0.25em;
    vertical-align: -0.4em;
}
.article_quote {
    text-align:center;
    padding: 0 10% 0 30%;
    margin: 0;
}
.article_quote:before, .article_quote:after {
    content:"__________";
    color: white;
    border-bottom: 2px solid #600000;
}
.article_quote blockquote {
    text-align:right;
    border-left:none;
    padding: 10px 20px 0 20px;
    margin: 0;
}
/* icons on homepage and icons on person page */

/*icon button */
 .btn-circle {
    width: 40px;
    max-width: 20%;
    height: 40px;
    max-height: 20%;
    text-align: center;
    padding: 0;
    font-size: 24px;
    line-height: 1.42;
    border-radius: 30px;
    background:#fc6;
    float:left
}
.icon-text {
    display: block;
    float:left;
    width: 70%;
    margin-left: 25px;
}
.icon-text-teaser {
    display: block;
    margin-left: 65px;
    font-size: 1.1em;
    clear: left;
}
.icon-text-list {
    padding-left: 5px;
}
.icon_rows div.row {
    margin-bottom: 25px;
    min-height: 40px;
    padding: 20px;
}
.icon_rows a {
    display:block;
}
.sword_icon {
    font-family:icomoon;
}
/* Override bootstrap elements */
 .footer {
    padding-bottom: 65px;
    padding-top: 15px;
}

/* Remembering Page */
 .remembering-left {
    padding-right: 20px;
}
.remembering-right {
    padding-left: 20px;
}
.remembering-view > h2 > span {
    margin-right: 10px;
}
#imageData #imageDetails {
    float: left;
    text-align: left;
    width: 100%;
}
#svgController {
    margin-left: 20px;
}
input[type="checkbox"] {
    margin-right: 5px;
}
.svg-image {
    margin-left: 20px;
}
.right-column-with-one-picture {
    text-align: center;
}
#sources-trigger {
    cursor: pointer;
}
.field-label {
    color: maroon;
    font-size: 18px;
    padding-bottom: 0.5em;
}
.page-header, .title {
    color: maroon;
    font-size: 30px;
}
.slogan {
    font-size: 1.5em;
    float: left;
    clear: both;
}
.caption-carousel-main {
    font-size: 2.250em;
    clear: both;
    font-family:'Gabriela', serif;
}
.field-name-field-short-fact {
    padding-top: 2em;
}
.field-items {
    font-size: 16px;
}
.navbar-inverse .navbar-inner {
    background-color: #FFFFFF;
    filter: none;
}
/* Roman */

/*Trivia section on homepage */
 .trivia_home h3 {
    margin: 0;
    text-align:center;
}
.trivia_home p {
    padding: 10px;
}
.trivia_item {
    margin: 15px 0;
}
/*Changes to top navigation*/
 header.navbar-default {
    border-color: #fff;
}
header.navbar-default .navbar-nav>li>a {
    color: #800000;
    font-family:'Cardo', serif;
}
header.navbar-default .navbar-nav>li>a:hover {
    color: #800000;
    text-shadow: 0 0 5px #888888;
}
header.navbar-default ul li {
    border-right: 0;
}
header.navbar-default {
    background-color: white;
}
header .logo img {
    width: 100%;
}
.navbar-default form.navbar-form {
    border-color:white;
}
.search_box {
    padding: 5px;
}
div.container div.navbar-header {
    padding-right: 30px;
    background:#f8f8f8;
}
header#navbar {
    margin-bottom:0;
}
.navbar-collapse nav {
    text-align:center;
}
/* jumbotron styling */
 .politics-caption {
    background-color: rgba(0, 128, 0, 0.7);
}
.remember-caption {
    background-color: rgba(136, 0, 170, 0.7);
}
.people-caption {
    background-color: rgba(162, 0, 0, 0.7);
}
.social-caption {
    background-color: rgba(0, 51, 128, 0.7);
}
.battle-caption {
    background-color: rgba(255, 102, 0, 0.7);
}
.maps-caption {
    background-color: rgba(255, 205, 18, 0.7);
}
.carousel-caption {
    width: 40%;
    top: 1.5em;
    left: 1.5em;
    bottom: 25%;
}
/*caption and images on home page */
 .home_img_caption {
    display: inline-flex;
    color: white;
    font-family:'Gabriela', serif;
    padding:5px;
    position:absolute;
    top:10px;
    left: 10px;
    height: 195px;
    width: 225px;
    z-index:10;
}
.home_img_title {
    font-size: 32px;
    margin: auto;
    text-align:center;
}
.home_img_subtitle {
    font-size: 24px;
    display:none;
    margin: auto;
    text-align:center;
}
.image_row {
    clear:both;
}
.image_row>div {
    position: relative;
    margin: 0 0 30px 30px;
    float:left;
}
.img_1 {
    width: 40%;
}
.img_2 {
    width: 45%;
}
.img_3 {
    width: 50%;
}
.image_row a {
    width: 100%;
    display:block;
}
.image_row img {
    width: 100%;
    margin: 0;
    box-shadow: 0 0 10px #333;
}
/*changes based on window size**/
 @media (max-width: 767px) {
/* Indentation */
   #block-block-1 ul {
     columns: 3;
     -webkit-columns: 3;
     -moz-columns: 3;
   }
   .sources-box {
      padding: 0em 0em;
   }   
   .field-name-body, .source-box, .field-name-field-short-fact{
      padding: 0em 0;
   }
   .field-name-body, .source-box, .field-name-field-short-fact{
      padding: 0em 0em;
   }
   #block-search-form {
      width: 100%;
   }
   .col-sm-6 {
     width: 100%;
   }    
  .ds-2col-stacked-fluid > .group-left {
        width: 100%;
    }
    .ds-2col-stacked-fluid > .group-right {
        width: 90%;
    }
    .caption-carousel-main {
        font-size: 0.8em;
        font-family:'Gabriela', serif;
    }
    .home_img_caption {
        font-size: 1.5em;
        right: 10px;
        width: 85%;
        height: 90%;
    }
    .image_row {
        padding 0;
    }
    .image_row>div {
        clear:both;
        margin: 5% 10%;
        text-align:center;
        width: 80%;
    }
    .trivia_item {
        text-align: center;
    }
    .trivia_item p {
        text-align: center;
    }
    html>body {
        padding-top: 70px;
    }
    header.navbar-default .navbar-nav>li>a {
        font-size: 1.5em;
    }
}
@media (min-width: 768px) {
    .ds-2col-stacked-fluid > .group-left {
        width: 100%;
    }
    .ds-2col-stacked-fluid > .group-right {
        width: 90%;
    }
    .caption-carousel-main {
        font-size: 0.8em;
        font-family:'Gabriela', serif;
    }
    body {
        padding-top: 50px;
    }
    header .container>.navbar-header {
        background-color: #999;
    }
    html>body {
        padding-top: 0;
    }
    .trivia_item {
        text-align: center;
    }
    .trivia_item p {
        text-align: center;
    }
    header.navbar-default .navbar-nav>li>a {
        font-size: 1.3em;
    }
}
@media (min-width: 992px) {
    .ds-2col-stacked-fluid > .group-left {
        width: 100%;
    }
    .ds-2col-stacked-fluid > .group-right {
        width: 90%;
    }
    .caption-carousel-main {
        font-size: 1.5em;
        font-family:'Gabriela', serif;
    }
    header.navbar-default .navbar-nav>li>a {
        font-size: 1.3em;
    }
}
@media (min-width: 1200px) {
    .ds-2col-stacked-fluid > .group-left {
        width: 65%;
    }
    .ds-2col-stacked-fluid > .group-right {
        width: 35%;
    }
    .caption-carousel-main {
        font-size: 3em;
        font-family:'Gabriela', serif;
    }
    header.navbar-default .navbar-nav>li>a {
        font-size: 1.3em;
    }
}
.carousel-inner .copyright-img {
    font-size: 0.7em;
    color: #777;
    text-align: right;
}
/*field-item styling*/
 .field-name-body {
    line-height: 1.5;
}
.field-name-body p, .field-name-field-short-fact .items, .field-name-body ul, .field-name-body li {
    margin: 2em 0;
    font-size: 18px;
    font-family:'Cardo', serif;
}
.field-name-body strong, .field-name-body b {
    color: #800000;
    font-weight:bold;
    font-size: 18px;
    font-family:'Cardo', serif;
}
.field-name-body h2 {
    color: #800000;
    font-size: 28px;
    margin:2em 0 1.2em 0;
    font-family:'Gabriela', serif;
}
.field-name-body h3, .field-name-field-short-fact .field-label, .trivia_home h3 {
    color: #800000;
    font-size: 24px;
    margin:0em 0 1.2em 0;
    font-family:'Gabriela', serif;
}
.field-name-body h4 {
    color: #800000;
    font-size: 18px;
    margin:2em 0 1.2em 0;
    font-family:'Gabriela', serif;
}
.field-name-body .did-you-know {
    padding: 2em;
    font-family:'Cardo', serif;
}
/* Styling for Lists */
 .field-name-body ul {
    padding-left: 6em;
}
.field-name-body ul ul {
    padding-left: 4em;
}
.field-name-body li {
    margin: 0 0 1em 1.5em;
}
.field-name-body li li {
    list-style:none;
    margin: 0 0 1em 1.5em;
}
.field-name-body blockquote {
    margin: 2em 0;
}
/*image related styling*/
 .clontarf-img {
    font-size: 14px;
    line-height: 1;
    text-align:center;
    //padding: 2em 0;
    margin: 2em 0;
}
.clontarf-inline-img {
    text-align:center;
    float:left;
    padding: 14px;
}
.clontarf-img>p {
    font-size: 14px;
}
.clontarf-img small {
    font-size: 14px;
}
.clontarf-inline-img:after {
    clear:both;
}
/*styling blockquotes */
 .quote-poem p {
    text-align:center;
}
/*Changes on the view pages*/
 .views-table tr {
    text-align:center;
    font-size: 2em;
}
/* Timeline content styling */
 .vco-storyjs blockquote p {
    font-size:11px;
    font-style:italic;
    line-height:1;
}
.vco-storyjs blockquote p a {
    font-size:11px;
    font-style:none;
    line-height:1;
    display:block;
}