@charset "utf-8";
/* CSS Document */

body {
    -webkit-font-smoothing: antialiased;
    background-color: #464a50;
    padding: 0px;
    margin:0px;
    min-width: 100%;
    min-height: 100vh;}

/*************HEADER START******************HEADER START********************HEADER START***************/

header {
    background-color: #1d2429;
    width: 100%;
    height: auto;
    border-bottom: 6.566px solid #fbc410;}

.header-content-container {
    display: flex;
    height: auto;
    padding-left: 4.3923865300146412884333821376281%/*60px*/;
    padding-right: 4.3923865300146412884333821376281%/*60px*/;
    padding-top: 2.1961932650073206442166910688141%/*30px*/;
    padding-bottom: 2.1961932650073206442166910688141%/*30px*/;
    margin-top: 0px;
    }


.header-logo {
    padding:0px;}

.header-nav {
    width: 100%;}

form.search {
    margin: 0 auto;
    position: relative;
    top: 50%;
    bottom: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0;}

.search-form {
    max-width: 160px;
    }

.search-bar {
    font-family: 'Raleway', sans-serif;
    }

input[type=text].search-bar {
    width: 160px /*160px*/;
    padding: 3px 0px;
    font-family: 'Raleway', sans-serif;
    font-size: 16px;}

ul {
    padding: 0px;
    vertical-align: center;
    text-align: center;
    top: 50%;
    bottom: 50%;
    margin: 0 auto;
    position: relative;
    transform: translateY(-50%);
    left: 0;
    right: 0;}

li {
    display: inline;
    margin-right: 38px;
    font-family: 'Oswald', sans-serif;
    font-size: 25px;
    letter-spacing: 0.005em;}

a {
    text-decoration: none;
    color: white;}

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

.article-wrapper a {
    color: #00b7ae;}

.article-wrapper a:hover {
    color: #fbc410;}

.banner {
    background-image: url("blog-images/banner-image.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center top;
    height: 421px;
    border-bottom: 6.566px solid #fbc410;}

.value-statement-wrapper {
    display: flex;}

#value-statement {
    background-color: rgba(35, 31, 32, .93);
    width: 55.79158125915081% /*762.113px*/;
    margin: 0 auto;
    position: relative;
    top: 50%;
    bottom: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0;}

#value-statement p {
    color: white;
    font-family: 'Raleway', sans-serif;
    letter-spacing: 0.005em;
    font-size: 19px;
    line-height: 1.65em;
    padding: 35px;
    margin: 0px;}

#value-statement span {
    font-size: 24px;
    font-weight: 600;
    letter-spacing: 0.02em;}

.main-content-container {
    height: auto;
    width: 67.789165446559297218155197657394% /*926px*/;
    margin: auto;
    flex: 1;}

article.blog-posting {
    margin-top: 96px;
    margin-bottom: 96px;
    height: auto;
    display: flex;
    font-size: 0px;}

.post-wrapper {
    box-sizing:border-box;
    margin: 0px;
    padding: 0px 40px;
    background-color: #1d2429;
    width: 73.00215982721382%;/*676px/926px*/}

.post-wrapper p {
    margin-bottom: 30px;}

.post-wrapper a {
    color: #00b7ae;
    text-decoration: none;}

.post-wrapper a:hover {
    color: #fbc410;
    text-decoration: none;}

.blog-post-image.image01 {
    background-image: url("blog-images/muybridge-horse-gallop-motion-study.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center top;
    width: 378px;}

.blog-post-image.image02 {
    background-image: url("blog-images/laika-studios-boxtrolls-post-img.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 25% 75%;
    width: 378px;}

.blog-post-image.image03 {
    background-image: url("blog-images/nightmare-before-christmas-jack-skellington-replacement-heads.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
    width: 378px;}

/**********************MAILCHIMP SUBSCRIPTION FORM**********************/

#subscribe-embed{ background-color: #1d2429; 
            clear:left; 
            font-family: 'Raleway', sans-serif;
            font-size: 20px;
            color: white;
            border-bottom: 6.566px solid #fbc410;
            border-top: 6.566px solid #fbc410;
            margin: auto;
            text-align: left;}
    
    .subscribe-content-container {
            height: auto;
            width: 100%;
            box-sizing: border-box;
            padding-left: 15.59297218155198% /*213px*/;
            padding-right: 15.59297218155198% /*213px*/;
            text-align: left;
            margin: auto;
            padding-top: 15px;
            padding-bottom: 35px;}
    
h2.subscribe {
    margin: 0px!important;
    padding: 0px;}
    
    .email { display: inline-block;
            height: 35px;
        width: 53.19148936170213%;/*500px/940px*/‬‬}
    
    .clear{
        display: inline-block;    }
    
    ::placeholder{
        font-family: 'Raleway', sans-serif;
        font-size: 20px;
        text-indent: 10px; }

    
    input#mc-embedded-subscribe{
        color: white;
    background-color: #0EC5A5;
    border: none;
    padding: 8px 16px;
    font-family: 'Oswald', sans-serif;
    font-size: 25px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.005em; 
    margin-left: 50px;}
 
/*****************************END MAILCHIMP SUBSCRIPTION FORM**************************/


h1 {
    font-family: 'Oswald', sans-serif;
    font-size: 46px;
    color: #fbc410;
    padding: 0px;
    margin: 0px;
    letter-spacing: 0.03em;
}

h2 {
    font-family: 'Oswald', sans-serif;
    font-size: 33px;
    text-align: left;
    color: #fbc410;
    letter-spacing: 0.03em;
    font-weight: 600;
    margin: 35px 0px 30px 0px!important;
    padding: 0px;}

.article-wrapper h2 {
    color: black;
    font-weight: 600;
    letter-spacing: 0.005em;
    margin: 0px 0px 25px;}

h3 {
    font-family: 'Oswald', sans-serif;
    font-size: 27px;
    text-align: left;
    color: black;
    letter-spacing: 0.005em;
    margin: 0px;
    padding: 0px;
    margin-bottom: 25px;
    margin-top: 37px;}
h4 {
    font-family: 'Oswald', sans-serif;
    font-size: 21px;
    text-align: left;
    color: black;
    letter-spacing: 0.005em;
    margin: 0px;
    padding: 0px;
    margin-top: 37px;
margin-bottom: 25px;}

p {
    font-family: 'Raleway', sans-serif;
    font-size: 17.25px;
    font-weight: normal;
    color: white;
    line-height: 1.5em;
    letter-spacing: 0.02em;
    margin: 0px;
    padding: 0px;}

.article-page-content-wrapper a {
    color: #00b7ae;
    font-weight: 600;}

.article-page-content-wrapper a:hover {
    color: #fbc410;
    text-decoration-line: underline;}

dd {
    margin-left: 50px;
    margin-bottom: 8px;}

dl.article-list dt,dd {
    list-style-position: outside;
    text-align: left;
    font-family: 'Raleway', sans-serif;
    font-size: 17.5px;
    line-height: 1.55em;}

footer {
    background-color: #1d2429;
    width: 100%;
    height: auto;
    border-top: 6.566px solid #fbc410;
    position: relative;}



.footer-content-container {
    display: flex;
    height: auto;
    padding-top: 50px;   
    padding-bottom: 50px;
    padding-left: 162px;
    padding-right: 162px;}

.footer-logo {
    padding:0px;}

.footer-nav {
    width: 100%;}


/******************************USE FOR ABOUT, CONTACT, ARTICLE PAGES*******************************/
.main-page-content-wrapper {
    box-sizing: border-box;
    padding-top: 96px;
    margin-left: auto;
    margin-right: auto;
    width: 1084px;
    height: 100%;}
/*************************************************************************************************/


/**************ARTICLE PAGE********************ARTICLE PAGE********************ARTICLE PAGE******************/

.main-page-content-wrapper.article-wrapper {
    background-color: white;
    padding-left: 80px;
    padding-right: 80px;
    padding-bottom: 30px;}

.article-page-header   {
    text-align: center;}

.name-date-category p  {
    display: inline-block;
    color: #1d2429;
    margin-right: 30px;
    font-size: 16px;
    margin-top: 10px;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    font-weight: 600;
}
.headline {
    padding: 0px;
    margin: 0px;}

p.article-intro {
    color: black;
    padding: 0px;
    margin: 0px;}

p.article-intro,span {
    font-size: 21px;
    font-weight: 600;
    line-height: 1.38em;
    margin-bottom: 50px;}

.article-banner-image {
    margin-top: 64px;
    margin-bottom: 64px;
    background-color: #464a50;}

.video {
    text-align: center;
    margin-bottom: 50px;}

figcaption {
    width: 560px;
    padding-top: 5px;
    margin: auto;
    color: #464a50;
    font-size: 13.5px;
    font-family: 'Raleway', sans-serif;
    line-height: 1.45em;}

p.article-text {
    font-family: 'Raleway', sans-serif;
    font-weight: normal;
    font-size: 17.5px;
    line-height: 1.55em;
    color: black;
    letter-spacing: 0.02em;
    margin: 0px 0px 30px;
    padding: 0px;}

img.image-right {
    float: right;
    margin-left: 20px;}

.image-left {
    float: left;
    margin-right: 20px;}

.clearfix {
    clear: both;}

img#galloping-horse {
    margin-bottom: 30px;}

/***********BOTTOM CONTENT/RELATED ARTICLES***************************BOTTOM CONTENT/RELATED ARTICLES*************/

div.bottom-content-container * {
            box-sizing: border-box;}
        
.bottom-content-container {
    margin-top: 130px;}
        
        .bottom-content h3 {
            margin: 0px!important;
            padding: 0px;}
        
        .bottom-content {
            width: 100%;
            height: auto;
            background-color: white;}
    
        .bottom-content-container h3 {
            margin: 0px;
            padding: 0px;}
    
        .related-content:after {
            content: close-quote;
            display: table;
            clear: both;}

hr {
    margin: 0px;
    padding: 0px;}
        
        
        .col {
            display: table-cell;
            margin: 0px;
            vertical-align: top;
            padding: 0px;
            width: 100%;}
        
        p.related-article-date-category {
            font-size: 13px;
            color: black;
            margin-bottom: 10px;
            margin-top: 10px;}
        
        .vertical-bar {
            margin-left: 8px;
            margin-right: 8px;
            font-size: 13px;}
        
        p.related-article-date-category {
            font-size: 13px;
            color: black;}
        
        p {
            font-family: 'Raleway', sans-serif;
            line-height: 1.5em;
            letter-spacing: 0.02em;
            margin: 0px;
            padding: 0px;}
        
        .article-wrapper a {
            color: #00b7ae;}
        
        a {
            text-decoration: none;}
        
        p.related-article-date-category {
            font-size: 13px;}
        
        .image-heading {
            display: table;
            width: 100%;
            table-layout: fixed;
            margin-bottom: 10px;}
        
        p.related-article-text {
            font-size: 15px;
            color: black;}
        
        h4 {
            margin: 0px!important;
            font-size: 21px;
            text-align: left;
            color: black;
            letter-spacing: 0.005em;
            margin: 0px;
            padding: 0px;
            margin-top: 37px;
            margin-bottom: 25px;}
        
        .related-content:after {
            content: close-quote;
            display: table;
            clear: both;}
        
        .column {
            padding: 0px 64px 20px 0px;
            height: auto;
            display: table-cell;}
        

        
   

/*************END ARTICLE PAGE******************END ARTICLE PAGE******************END ARTICLE PAGE**************/



/*****************CONTACT PAGE*****************CONTACT PAGE******************CONTACT PAGE*******************/

.text-wrapper {
    box-sizing: border-box;
    padding: 28px 80px;
    background-color: #1d2429; 
    margin-top: 50px;
    margin-bottom: 93px;}


/*******************CONTACT FORM****************/

.form-container {
    box-sizing: border-box;
    height: auto;
    width: 506px;
    padding: 28px 46px 0px;
    margin-bottom: 150px;
    background-color: #1d2429;
    border-bottom: 6.566px solid #fbc410;
    border-top: 6.566px solid #fbc410;}

.form-content h2 {
    padding: 0px;
    margin: 0px 0px 38px;}

.form-content p {
    color: #fbc410;
    font-size: 15px;
    margin-bottom: 3px;}

input[type="text"] {
    width: 352px;
    padding: 4px 0px;
    font-family: 'Raleway', sans-serif;
    font-size: 16px;}

p#email {
    margin-top: 27px;}

p#message {
    margin-top: 54px;}

textarea {
    width: 100%;
    font-family: 'Raleway', sans-serif;
    font-size: 16px;}

.button {
    display: block;
    text-align: right;
    padding-top: 61px;
    padding-bottom: 51px;}

    
input#submit {
    color: #fafbfb;
    background-color: #00b7ae;
    border: none;
    padding: 6px 21px;
    font-family: 'Oswald', sans-serif;
    font-size: 25px;
    text-transform: uppercase;
    letter-spacing: 0.005em;}

/****************END CONTACT FORM****************/


/**************END CONTACT PAGE***************END CONTACT PAGE***************END CONTACT PAGE***************/












@media screen and (max-width: 900px) {
    .main-content-container {
        width:100%;
        box-sizing: border-box;
        padding: 0px 50px;}
    
    
    
}