/* BONES */

@font-face {
    font-family: 'CalicoCapsRegular';
    src: url(https://neomints.neocities.org/calicocapswebfont/calicocapsregular-webfont.woff);}
 @font-face {
    font-family: 'NeosSansRegular';
    src: url(https://neomints.neocities.org/neossanswebfont/NeosSans-Regular.woff);}
 ul, li {
    margin: 0;
    padding: 0;}
 i {
   color: #ed2f8e;}
body {
    background-color:white;
    color: #3E4DE1;
    margin: 0;
    padding: 0;}
.button { 
    vertical-align: middle;
    text-transform: lowercase;
    text-align:center;
    cursor: pointer;
    text-decoration:none;
    display: inline-block;
    font-size:14px;
    font-family: "NeosSansRegular";}

    /*HEADER CSS*/
.headerstyle {
    background: #3E4DE1;
    padding-left: 8px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-top: 5px;}
/*LOGO*/

.logodiv {
  display: inline-block;}
.logo {
    max-height:60px}
  @media (max-width:600px) {
  .logodiv{
    display: block;}
  .logo img{
    display: block;
    margin-left:auto;
    margin-right:auto;
    }}
    
/* SOCIALS
s is an abbriviation of social*/
.social {
  display: inline-block;
  float: right;
  padding: 13px;
  padding-right: 8px;}


.sbutton {
    padding: 7px 7px 3px 7px;
    width:20px;
    height: 24px;
    border-radius: 20px;
    border: solid white 2px; }
.sbutton img {
   height: 15px;}
   
  /*phone*/
  @media (max-width:600px) {
  .social {
    float: none;
    display: inline;
    padding-right:0;
    padding-left: 18%;}
  .sbutton {
    display: inline-block;
    margin: 1%;
    margin-top: 0;
    margin-bottom: 2vh;} 
  }

/* HEADER BUTTONS
h is an abbriviation of header*/
.hbutton a {
    color: #3E4DE1;
    padding: 0 4px 2px 4px}

.hbutton {
  text-align: center;
  background: white;
    border-bottom: solid;
    border-width:1px;}
    /*vertical line, for buttons*/
.vline {
    border-left: solid #3E4DE1 1px;}



/* BODY 
all mentions of 'container' are the white body box where everything goes.*/
.containerbutton {
    font-size: 0px;
    margin: auto;
    text-align: center;}
.containerbutton img {
    height: 45px;
    vertical-align: middle;}
.container {
    font-family: "tahoma", sans-serif;
    background-color: white;
    padding: 0.5% 3% 3%;
    border-radius: 5px;
    border-color: #3E4DE1;
    border-style: solid;
    border-width:1px;
    max-width: 90%;
    margin: auto;
    margin-top: 1em;
    margin-bottom:2em;}
/* 'cont' is an abbriviation of container */
    .titlecont {
      font-size:0px;
      padding-top: 2px;
      display: flex;
      flex-direction: row;
      justify-content: center;
      align-items: center;}
    .titlecont img {
    height: 20px;}
    .titletext {
      text-transform: lowercase;
      color: #4758E2;  
      font-family: "NeosSansRegular";
      font-size: 25px;
      margin: 5px;}
/*gallery*/
  .flexcontainer {
    display: flex;
    flex-direction:column;
    max-width: 100%;
    margin: 1vw;
    flex-wrap: wrap;
    gap: 5px;}
  .flexgroup {
    gap: 5px;
    display: flex;
    list-style-type: none;
    width: 100%;}
  .flexbox {
    flex-basis: 25%;}
  .flexbox img {
    max-width: 100%;
    border-radius: 3px;}
/*    @media (max-width:800px) {
      .flexbox img {max-height: 40vw;}}
    @media (max-width:400px) {
      .flexbox img {max-height: 60vw;}}*/

/*POST LIST STYLE*/
#content img {
  max-width: 100%}
  
  .smallimg {
  inline: block; 
  Height: 30vh;}
  .medimg {
  inline: block; 
  Height: 45vh;}
  
#postlistdiv ul {
  
}
#recentpostlistdiv ul {
  list-style-type: none;
}
.moreposts {
  font-size: 0.8em;
  margin-top: 0.2em;
}

/*NEXT AND PREVIOUS LINKS STYLE*/
#nextprev {
  text-align: center;
  margin-top: 1.4em;
}

/*DISQUS STYLE*/
#disqus_thread {
  margin-top: 1.6em;
}