html {
  position: relative;
  min-height: 100%;
  margin-top: 56px;
  margin-bottom: 56px;  
}

body {
    font-family: 'Cinzel', serif;
    background-color: black;
}


 /* For mobile phones: */
@media only screen and (max-width: 768px) {
   
.hero-wrapper{
    padding: 14px 0px 50px 0px; 
    
}   
    .video-hero{
    margin-left: auto;
    margin-right: auto;
         margin-top:15px;
    border: 1px solid white;
max-width:100%;
}

.show-co-widget{
margin-left: auto;
margin-right: auto;  
max-width:300px;
}
    
.splash-title{
    font-size:8vw; 
    font-family: 'Cinzel', serif;
    font-weight: bold;
    color: white;   
    margin-top: 10px;
/*    background-color: black;*/
}
    
    .item-description{
        font-size: 14px;
    }
    
}

body:after{
      content:"";
      position:fixed;
      top:0;
      height:100vh;
      left:0;
      right:0;
      z-index:-1;
    /*************** ABCM Background *****************/
     background: url('https://thejoyformidable.com/wp-content/uploads/2020/06/backdrop2020-1920x1080-1a-1536x864-1.jpg') center center;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
}

  /* For mobile phones: */

/********* ABCM Background *****************/
/*
@media only screen and (max-width: 976px) {
  
body:after{
      content:"";
      position:fixed;
      top:0;
      height:100vh;
      left:0;
      right:0;
      z-index:-1;
      background: url('https://thejoyformidable.com/wp-content/uploads/2020/06/backdrop2020-mobile-1a.jpg') center center;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
    }
}
*/


/* Custom page CSS
-------------------------------------------------- */



.nav-previous a{
    color: #fff;
}

.nav-next a{
    color: #fff;
}

img {
    max-width: 100%;
    height: auto;
}

body > .container {
  padding: 60px 15px 0;
}

.navbar{
    font-family: 'Cinzel', serif;
    background-color: rgba(0,0,0,0.8)
}

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

code {
  font-size: 80%;
}

/*
.hero-wrapper{
    background-color: rgba(20, 40, 70,.8);
    padding: 14px 50px 50px 50px;
    border-top: 1px solid white;
    border-bottom: 1px solid white;
}
*/

.section-wrapper{
/*    background-color: rgba(20, 40, 70,.8); ABCM BLUE*/
    background-color:  rgba(0,0,0,0.6);
    padding-top: 14px; 
    padding-bottom: 50px;
    border-top: 1px solid white;
    border-bottom: 1px solid white;
}

.section-title{
    font-size:4vw; 
    font-family: 'Cinzel', serif;
    font-weight: bold;
    color: white;   
    margin-bottom: 0;
}

@media only screen and (max-width: 768px) {
   
.section-title{
    font-size:10vw; 
    font-family: 'Cinzel', serif;
    font-weight: bold;
    color: white;   
    margin-bottom: 0;
}
    
}


/*
.tour-section{
    max-width:1200px;
    margin-left: auto;
    margin-right: auto;
}

.news-section{
    padding: 14px 50px 50px 50px;
   background-color: rgba(20, 40, 70,.8);
    border-top: 1px solid white;
    border-bottom: 1px solid white;
}

.merch-section-wrapper{
    padding: 14px 50px 50px 50px;
     background-color: rgba(20, 40, 70,.8);
    border-radius: .30rem;
    border-top: 1px solid white;
    border-bottom: 1px solid white;

}

.view-post-wrapper{
     background-color: rgba(20, 40, 70,.8);
    border-top: 1px solid white;
    border-bottom: 1px solid white;
    padding-bottom: 50px;
}

.view-post{
   background-color: rgba(20, 40, 70,.8);
    border-top: 1px solid white;
    border-bottom: 1px solid white;
}
*/

/*
.view-post-image{
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    max-width: 90%;
    margin-bottom: 1.5rem!important;
}
*/

/*

*/

.splash-title{
    font-size:4vw; 
    font-family: 'Cinzel', serif;
    font-weight: bold;
    color: white;   
    margin-top: 10px;
}
/*
.splash-subtitle{
    font-size:3vw; 
    font-family: 'Cinzel', serif;
    font-weight: bold;
    color: white;   
}
*/

/*
.splash-wrapper{
    
}

.aaarth-ad{
    padding-bottom: 20px;
}
*/

/*
.title{
font-family: 'Cinzel', serif;
    font-weight: bold;
}
*/

.box-shadow { box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05); 

}

.standard-pad{
    margin-bottom: 1.5rem!important;
}

.view-all-posts {
   text-align: center; 
   margin-left: auto;
    margin-right: auto;
}

.footer > .container { 
    margin: 0px;
}

.footer {
  width: 100%;
  height: 56px;
  line-height: 56px;  /*Vertically center the text there */
  background-color: rgba(0,0,0,0.8)
}

.social-menu a{
    color:#ffffff;
    float: left;
    font-size: 20px;
}

ul.social-menu.list-inline{
    padding-left:15px;
    padding-right:15px;
    margin:0px;
}

.video-hero{
    margin-left: auto;
    margin-right: auto;
    border: 1px solid white;
max-width:60%;
}

.big-pad-100vh{
    min-height: 100vh;
}

.mid-pad-50vh{
    min-height: 30vh;
}

.small-pad-20vh{
    min-height: 20vh;
}

.small-pad-25vh{
    min-height: 25vh;
}

a{
    color: rgba(20, 40, 100,1);
}

#mc_embed_signup{
    background:#fff; 
    clear:left; 
    font:14px Helvetica,Arial,sans-serif; 
    color: #797979; 

}      /* Add your own MailChimp form style overrides in your site stylesheet or in this style block.
	   We recommend moving this block and the preceding CSS link to the HEAD of your HTML file. */

.card-body.mailchimp-card{
    margin-bottom: 0;
    padding: 0;
}

.tease-card{
    min-width:258px; 
    max-width:330px; 
    margin-bottom:1.25rem;
    margin-left: auto;
    margin-right: auto;
}

.post{
    margin:0;
}

/*
.entry-title.card-title{
    text-align: center;
}
*/

.single-title{
    margin-left: 1.5rem;
}
.single-meta{
    margin-left: 1.5rem;
}

.card-footer{
    position: absolute;
    bottom: 0;
    width: 100%;
}

.card-body{
    margin-bottom: 50px;
}

.card.tease-card{
    margin-bottom: 15px;
}

a.page-numbers {
    font-size: 25px;
    color:#fff;
}
.page-numbers.current {
    font-size: 25px;
    color:lightslategray;
}

.nav-links{
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}