/*------------------------------------------------*/
/* General */

.max {
  width: 100%;
}

.min {
  width: 70%;
}

.min60 {
  width: 60%;
}
.min50 {
  width: 50%;
}


.center {
  margin: 0 auto;
  display: -ms-flexbox;
  -ms-flex-pack: center; 
  -ms-flex-align: center;
}



.ta-l {
  text-align: left;
}

.ta-r {
  text-align: right;
}

.ta-c {
  text-align: center;
}

.ta-j {
  text-align: justify;
}

.emphasis {
  font-size: 140%;
  line-height: auto;
}


.de-emphasis {
  font-variant: small-caps; 
  text-transform: uppercase;
  font-size: 1em;
  line-height: 1em;
}

.de-emphasis-small {
  font-size: 0.85em;
  text-transform: uppercase;
}

.de-emphasis-smallsmall {
  font-size: 2em;
  line-height: 1.5em;
  text-transform: uppercase;
}

.de-emphasis-smallsmall {
  font-size: 1.5em;
  line-height: 1.5em;
  font-variant: small-caps; 
  text-transform: uppercase;
}

.de-emphasis-smaller {
  font-size: 50%;
  font-variant: small-caps; 
  text-transform: uppercase;
}

.td-none {
  text-decoration: none;
}

.caps {
  text-transform: uppercase;
}

.kerning {
  letter-spacing: 6px;
}

.block {
  display: block;
}

/*------------------------------------------------*/
/*------------------------------------------------*/
/*------------------------------------------------*/
/* F L E X B O X */

.flex {
  display: flex;
}

.row {
  flex-direction: row;
}

.column {
  flex-direction: column;
}

.wrap {
  flex-wrap: wrap;
}

.grid05 {
  width: 5%;
  flex-basis: 5%;
}

.grid10 {
  width: 10%;
  flex-basis: 10%;
}

.grid15 {
  width: 15%;
  flex-basis: 15%;
}

.grid20 {
  width: 20%;
  flex-basis: 20%;
}

.grid25 {
  width: 25%;
  flex-basis: 25%;
}

.grid30 {
  width: 30%;
  flex-basis: 30%;
}

.grid33 {
  width: 33.3%;
  flex-basis: 33.3%;
}

.grid35 {
  width: 35%;
  flex-basis: 35%;
}

.grid40 {
  width: 40%;
  flex-basis: 40%;
}

.grid45 {
  width: 45%;
  flex-basis: 45%;
}

.grid50 {
  width: 50%;
  flex-basis: 50%;
}

.grid75 {
  width: 75%;
  flex-basis: 75%;
}

.grid78 {
  width: 78%;
  flex-basis: 78%;
}

.grid80 {
  width: 80%;
  flex-basis: 80%;
}

.grid85 {
  width: 85%;
  flex-basis: 85%;
}

.grid100 {
  width: 100%;
  flex-basis: 100%;
}

/*------------------------------------------------*/
/* Justify Content */

.jc-fs {
  justify-content: flex-start;
}

.jc-fe {
  justify-content: flex-end;
}

.jc-c {
  justify-content: center;
}

.jc-sa {
  justify-content: space-around;
}

.jc-sb{
  justify-content: space-between;
}

.jc-se{
  justify-content: space-evenly;
}

/*------------------------------------------------*/
/* Align Items */

.ai-fs {
  align-items: flex-start;
}

.ai-fe {
  align-items: flex-end;
}

.ai-c {
  align-items: center;
}

.ai-b {
  align-items: baseline;
}

.ai-s{
  align-items: stretch;
}

/*------------------------------------------------*/
/*------------------------------------------------*/
/*------------------------------------------------*/


/* Flexbox grow */

.fg0 {
  flex-grow: 0;
}

.fg1 {
  flex-grow: 1;
}

.fg2 {
  flex-grow: 2;
}

.fg3 {
  flex-grow: 3;
}

/*------------------------------------------------*/
/*------------------------------------------------*/
/*------------------------------------------------*/


/* Margin */

.ma05 {
  margin: 0.5em;
}

.mat05 {
  margin-top: 0.5em;
}

.mal05 {
  margin-left: 0.5em;
}

.mar05 {
  margin-right: 0.5em;
}

.mab05 {
  margin-bottom: 0.5em;
}

.ma1 {
  margin: 1em;
}

.mat1 {
  margin-top: 1em;
}

.mal1 {
  margin-left: 1em;
}

.mar1 {
  margin-right: 1em;
}

.mab1 {
  margin-bottom: 1em;
}

.ma2 {
  margin: 2em;
}

.mat2 {
  margin-top: 2em;
}

.mal2 {
  margin-left: 2em;
}

.mar2 {
  margin-right: 2em;
}

.mab2 {
  margin-bottom: 2em;
}

/*------------------------------------------------*/
/*------------------------------------------------*/
/*------------------------------------------------*/


/* Padding */

.pa025 {
  padding: 0.25em;
}

.pat025 {
  padding-top: 0.25em;
}

.pal025 {
  padding-left: 0.25em;
}

.par025 {
  padding-right: 0.25em;
}

.pab025 {
  padding-bottom: 0.25em;
}

.pa050 {
  padding: 0.5em;
}

.pat050 {
  padding-top: 0.5em;
}

.pal050 {
  padding-left: 0.5em;
}

.par050 {
  padding-right: 0.5em;
}

.pab050 {
  padding-bottom: 0.5em;
}

.pa075 {
  padding: 0.75em;
}

.pat075 {
  padding-top: 0.75em;
}

.pal075 {
  padding-left: 0.75em;
}

.par075 {
  padding-right: 0.75em;
}

.pab075 {
  padding-bottom: 0.75em;
}

.pa1 {
  padding: 1em;
}

.pat1 {
  padding-top: 1em;
}

.pal1 {
  padding-left: 1em;
}

.par1 {
  padding-right: 1em;
}

.pab1 {
  padding-bottom: 1em;
}

.pa2 {
  padding: 2em;
}

.pat2 {
  padding-top: 2em;
}

.pal2 {
  padding-left: 2em;
}

.par2 {
  padding-right: 2em;
}

.pab2 {
  padding-bottom: 2em;
}

.pa3 {
  padding: 3em;
}

.pat3 {
  padding-top: 3em;
}

.pal3 {
  padding-left: 3em;
}

.par3 {
  padding-right: 3em;
}

.pab3 {
  padding-bottom: 3em;
}

.pa4 {
  padding: 4em;
}

.pat4 {
  padding-top: 4em;
}

.pal4 {
  padding-left: 4em;
}

.par4 {
  padding-right: 4em;
}

.pab4 {
  padding-bottom: 4em;
}

.pa5 {
  padding: 5em;
}

.pat5 {
  padding-top: 5em;
}

.pal5 {
  padding-left: 5em;
}

.par5 {
  padding-right: 5em;
}

.pab5 {
  padding-bottom: 5em;
}

.pa6 {
  padding: 6em;
}

.pat6 {
  padding-top: 6em;
}

.pal6 {
  padding-left: 6em;
}

.par6 {
  padding-right: 6em;
}

.pab6 {
  padding-bottom: 6em;
}

/*------------------------------------------------*/
/*------------------------------------------------*/
/*------------------------------------------------*/


/* Images */


.img05 {
  width: 5%;
}

.img07 {
  width: 7%;
}

.img10 {
  width: 10%;
}

.img15 {
  width: 15%;
}

.img25 {
  width: 25%;
}

.img30 {
  width: 30%;
}

.img33 {
  width: 33%;
}

.img35 {
  width: 35%;
}

.img40 {
  width: 40%;
}

.img45 {
  width: 45%;
}

.img50 {
  width: 50%;
}

.img60 {
  width: 60%;
}

.img65 {
  width: 65%;
}

.img75 {
  width: 75%;
}

.img80 {
  width: 80%;
}

.img85 {
  width: 85%;
}

.img100 {
  width: 100%;
}


/*------------------------------------------------*/
/*------------------------------------------------*/
/*------------------------------------------------*/


/* Borders */

.bb1 {
  border-bottom: 1px solid #f2f2f2;
}

.bb2 {
  border-bottom: 2px solid #f2f2f2;
}

.b3 {
  border: 3px solid #e0e0e0;
}

/* borders for testing */
.bt1 {
  border: 1px solid purple;
}

.bt2 {
  border: 2px solid purple;
}

.bt3 {
  border: 3px solid purple;
}

.bt4 {
  border: 4px solid purple;
}


/* Form Styling */

input, textarea {
  border: 3px solid #e0e0e0;
  padding: 0.25em;
  width: 100%;
}

.button {
  background-color: #26386e;
  border: 0px;
  padding: 1em;
  color: #fff;
  font-family: 'Merriweather', serif;
  text-transform: capitalize;
}

/* Form Errors */

p.error {
  padding: 0.5em;
  font-weight: bolder;
  color: red;
}

p.success {
  padding: 0.5em;
  font-weight: bolder;
  color: #26386e;
}