/**
 * General body styles
 */

@import url("//fonts.googleapis.com/css?family=News+Cycle:400,700");
@import url(//fonts.googleapis.com/css?family=EB+Garamond);

html {
    height: 100%;
    min-height: 100%;
}

body {
    font-family: "EB Garamond", Garamond, Georgia, "Times New Roman", Times, serif;
    padding-top: 0;
    padding-bottom: 20px;
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    min-height: 100%;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: "News Cycle","Arial Narrow Bold","Helvetica",sans-serif;
    text-align: left;
    font-weight: bold;
}

p {
    font-size: 14pt;
    line-height: 22pt;
}

.img-center {
    text-align: center;
    display: block;
}

.img-center img {
    width: 100%;
    max-width: 300px;
    margin: auto;
}

.space-bottom {
    margin-bottom: 30px;
}

.space-top {
    margin-top: 30px;
}

.space-right {
    margin-right: 30px;
}

.editable-form {
    color: black !important;
}

.external-label {
    display: inline-block;
}

/**
 * Header nav styles
 */

header.navbar {
    font-family: "News Cycle","Arial Narrow Bold","Helvetica",sans-serif;
    text-transform: uppercase;
    letter-spacing: 1px;
}

header.navbar .navbar-brand {
    font-weight: bold;
}

header .navbar-collapse {
  text-align: center;
}

header .navbar-nav {
    display: inline-block;
    float: none;
}

header.navbar-fixed-top {
    min-height: 100px;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    background: rgba(60, 60, 60, 0.1) none;
    border-color: rgba(60,60,60,0.2);
    z-index: 11000;
}

header .navbar-nav > li > a {
    padding-top: 0px;
    padding-bottom: 0px;
    line-height: 100px;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}

header.navbar-inverse .navbar-nav>li>a {
    color: #FFFFFF;
    text-shadow: 1px -1px 1px rgba(0,0,0,0.75);
}

header.navbar-inverse .navbar-nav>li>a:hover {
    text-shadow: 2px -2px 2px rgba(0,0,0,1);
}

header.navbar-inverse .navbar-nav>li.open>a,
header.navbar-inverse .navbar-nav>li.open>a:hover {
    background: rgba(08, 08, 08, 0.25);
}

header .navbar-header > .navbar-brand {
    padding-top: 0px;
    padding-bottom: 0px;
    line-height: 100px;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}

header .navbar-brand > img {
    height: 30px;
    display: inline;
    padding-right: 5px;
}

header.shrink {
    min-height: 50px;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    background: rgba(60, 60, 60, 1) none;
    border-color: rgba(60,60,60,1);
}

header.shrink .navbar-nav > li > a,
header.shrink .navbar-header > .navbar-brand {
    line-height: 30px;
    padding-top: 10px;
    padding-bottom: 10px;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}

#admin-nav {
    margin-bottom: 0;
    border-radius: 0;
    font-family: "News Cycle","Arial Narrow Bold","Helvetica",sans-serif;
    text-transform: uppercase;
    letter-spacing: 1px;
}

#admin-nav .navbar-header {
    font-weight: bold;
}

#editable-toolbar {
    z-index: 12000 !important;
}

/**
 * Header on mobile styles
 */

@media (max-width: 767px) {
    header.navbar-fixed-top {
        min-height: 50px;
        transition: all 2s;
        -webkit-transition: all 0.5s;
        background: rgba(60, 60, 60, 1) none;
        border-color: rgba(60,60,60,1);
    }

    header.navbar-fixed-top ul {
        width: 100%;
    }

    header .navbar-nav > li > a,
    header .navbar-header > .navbar-brand {
        line-height: 30px;
        padding-top: 10px;
        padding-bottom: 10px;
        transition: all 2s;
        -webkit-transition: all 0.5s;
        color: #FFFFFF;
        text-shadow: 1px -1px 1px rgba(0,0,0,0.75);
    }
}

/**
 * Alert styles
 */

.messages {
    position: fixed;
    top: 100px;
    width: 100%;
    text-align: center;
    z-index: 10000;
}

.messages .alert {
    width: 50%;
    display: inline-block;
}

/**
 * Main content styles
 */

.lead-default {
    margin-top: 100px;
}

.lead-cover .col-md-12 {
    padding-top: 20vh;
}

.lead-cover h1 {
    color: #FFFFFF;
    font-size: 4em;
    text-shadow: 2px 2px 4px #000000;
    text-align: center;
}

.main-container {
    padding-top: 20px;
}

.main-container p {
    font-size: 1.3333em;
    line-height: 1.6em;
    margin: 0 0 20px;
}

.main-container li {
    font-size: 1.3333em;
    line-height: 1.6em;
}

.main-container li li {
    font-size: 1em;
    line-height: 1.6em;
}

.width-100 {
    width: 100%;
    max-width: 100%;
}

.max-width-100 {
    max-width: 100%;
}

.margin-top {
    margin-top: 30px;
}

/**
 * Slide show styles
 */

#slideshow {
    height: 100vh;
    padding: 0;
    margin-bottom: 0;
}

#slideshow .carousel-control {
    line-height: 100vh;
    font-size: 50px;
    font-family: "News Cycle","Arial Narrow Bold","Helvetica",sans-serif;
}

#slideshow .carousel-inner {
    height: 100vh;
}

#slideshow .carousel-inner .item {
    width: 100%;
    height: 100vh;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

.slideshow-logo {
    width: 300px;
    max-width: 50%;
    margin-bottom: 20px;
}

/**
 * Jumbotron
 */

.jumbotron {
    background-color: #FFFFFF;
    margin-bottom: 0;
}

.tab-jumbotron {
    margin-top: 0;
}

.blog-link-buttons {
    margin-top: 20px;
}

.blog-link-buttons a {
    width: 280px;
    max-width: 100%;
}

/**
 * Logo styles
 */

.logo-link {
    height: 165px;
    display: flex;
    justify-content: center;
}

/**
 * Blog post styles
 */

.blog-post,
.blog-sidebar {
    margin-top: 30px;
    margin-bottom: 30px;
}

.blog-sidebar p {
    font-size: 14px;
    line-height: 1.42857143;
}

.blog-post p {
    font-size: 1.3333em;
    line-height: 1.6em;
    margin: 0 0 20px;
}

.blog-post li {
    font-size: 1.3333em;
    line-height: 1.6em;
}

.blog-post h2,
.blog-post h3,
.blog-post h4,
.blog-post h5 {
    margin: 0 0 20px;
}

.by-line {
    padding-bottom: 20px;
}

a.thumbnail {
    text-decoration: none;
}

.thumbnail-background {
    display: block;
    height: 100px;
    background-size: cover;
    background-position: center;
}

.comment > .editable-original {
    display: table;
}

.comment > .editable-original > .media-body {
    width: 100%;
}

.thumbnail.right-caption > .thumbnail-background {
    float: left;
    margin-right: 9px;
    width: 100px;
}

.thumbnail.right-caption {
    float: left;
    width: 100%;
    height: 110px;
    overflow: hidden;
}

.thumbnail.right-caption > .caption {
    padding: 4px;
}

.thumbnail.right-caption > .caption > h3 {
    margin-top: 0;
}

.black-link, .black-link:active, .black-link:hover {
    color: #333333;
}

/**
 * Store styles
 */

.store-header {
    color: #FFFFFF;
    font-size: 4em;
    text-shadow: 2px 2px 4px #000000;
    text-align: center;
    height: 200px;
    background-size: cover;
    background-position: center;
}

.store-header > h1 {
    text-align: center;
    line-height: 200px;
    font-size: 1em;
}

.old-price {
    display: inline-block;
}

div.external-store {
    font-size: 1.2em;
    font-weight: bold;
    text-align: center;
}

.shop-form div.external-store {
    text-align: left;
}

.external-store img {
    border: solid black 1px;
    margin: 20px 0 8px;
    max-width: 152px;
}

h4.external-store {
    margin: 20px 0 8px;
}

.external-store p {
    margin: 20px 0 0 0;
    font-size: 1em;
}

.affix-wrapper {
    position: relative !important;
}

.affix-wrapper li.nav-header > a {
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 1px;
}

@media(max-width: 991px) {
    .affix-wrapper {
        display: none;
    }
}

/**
 * Parallax styles
 */

.parallax-divider {
    width: 100%;
    min-height: 50vh;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

/**
 * Styles for white text on a dark background
 */

.dark {
    color: #FFFFFF;
}

.dark a {
    color: #FFFFFF;
}

.dark .panel,
.dark .panel a {
    color: #000000;
}

/**
 * Multi-item carousel styles
*/

.multi-item-carousel .carousel-inner {
    max-height: 220px;
    margin-top: 30px;
}

.multi-item-carousel .carousel-inner > .item {
    -webkit-transition: 500ms ease-in-out left;
    transition: 500ms ease-in-out left;
    height: 100%
}

.multi-item-carousel .carousel-inner > .item > div {
    height: 100%;
}

.multi-item-carousel .carousel-inner img {
    max-height: 220px;
}

.multi-item-carousel .carousel-inner .active.left {
    left: -16.67%;
}

.multi-item-carousel .carousel-inner .active.right {
    left: 16.67%;
}

.multi-item-carousel .carousel-inner .next {
    left: 16.67%;
}

.multi-item-carousel .carousel-inner .prev {
    left: -16.67%;
}

@media all and (transform-3d), (-webkit-transform-3d) {
    .multi-item-carousel .carousel-inner > .item {
        -webkit-transition: 500ms ease-in-out all;
        transition: 500ms ease-in-out all;
        -webkit-backface-visibility: visible;
        backface-visibility: visible;
        -webkit-transform: none!important;
        transform: none!important;
    }
}

.multi-item-carousel .carouse-control.left,
.multi-item-carousel .carouse-control.right {
    background-image: none;
}

/**
 * Callout styles
 */

.callout {
    padding: 20px;
    margin: 20px 0;
    border: 1px solid #eee;
    border-left-width: 5px;
    border-radius: 3px;
}

.callout h4 {
    margin-top: 0;
    margin-bottom: 5px;
}

.callout p:last-child {
    margin-bottom: 0;
}

.callout code {
    border-radius: 3px;
}

.callout+.callout {
    margin-top: -5px;
}

.callout-default {
    border-left-color: #777;
}

.callout-default h4 {
    color: #777;
}

.callout-primary {
    border-left-color: #428bca;
}

.callout-primary h4 {
    color: #428bca;
}

.callout-success {
    border-left-color: #5cb85c;
}

.callout-success h4 {
    color: #5cb85c;
}

.callout-danger {
    border-left-color: #d9534f;
}

.callout-danger h4 {
    color: #d9534f;
}

.callout-warning {
    border-left-color: #f0ad4e;
}

.callout-warning h4 {
    color: #f0ad4e;
}

.callout-info {
    border-left-color: #5bc0de;
}

.callout-info h4 {
    color: #5bc0de;
}

/**
 * Footer styles
 */

footer {
    margin-bottom: 0;
    border-radius: 0;
    margin-top: 50px;
    background: rgba(60, 60, 60, 1) none;
    position: absolute;
    width: 100%;
    color: #FFFFFF;
    padding-top: 30px;
    padding-bottom: 30px;
}

footer a {
    color: #FFFFFF;
}

footer a:hover {
    color: #FFFFFF;
}

footer a:active {
    color: #FFFFFF;
}

footer p {
    font-size: 14px;
    line-height: 165%;
}

.social-media {
    margin-bottom: 30px;
}

.social-media a {
    display: inline-block;
    font-size: 3.05em;
    margin-right: 10px;
    text-shadow: 1px -1px 1px rgba(0,0,0,0.75);
}