@import url('https://fonts.googleapis.com/css?family=Arimo|Adamina');


/* DEFAULT FOR ALL */
body, p, h6 { color: #666; font-size: 1rem;}
h1, h2, h3, h4, h5, h6 { margin: .75rem 0; line-height: 1.3; font-weight: normal;}

/* SIZES */
h1 {font-size: 2rem; }
h1 {font-size: 2rem; }
h2, h3, h4 { font-size: 1.75rem;}
h5, h6 { font-size: 1.25rem;}

/* FONTS */
body, p, h6 {font-family: Arimo, sans-serif; }
h1, h2, h3, h4, h5 { font-family: 'Cinzel', serif;}

/* STYLING */
h1 {color: #666; font-weight: bold;}
h2 {color: #7a121a; font-weight: bold; border-bottom: 1px solid #666666;}
h3 {color: #7a121a; border: none;}
h4 {background: #7a121a; color: white; border-radius: .2rem; padding: .1rem .4rem;}
h5 {color: #7a121a; text-transform: uppercase;}
a { color: #7a121a; text-decoration: none;}

blockquote {
    color: #666666;     
    padding: 0 0 0 15px;
    margin: 0 0 20px;
    border-left: 5px solid #d5d5d5;
    font: italic 16px/22px Georgia, Serif;
}

/************ BUTTONS  ************/
.readon { 
    color: white; 
    background: #7a121a; 
    padding: .7rem 1.3rem; 
    border-radius: .5rem; 
    display: inline-block;
    font-weight: 500;
    line-height: 1.125rem;
    border: none;
    font-family: 'Lato', sans-serif;
    font-size: 1rem;
}
.readon:hover, a.button:hover {background: #666; color: white;}

a.button {background: #d35522; font-style:normal; }

#tinymce.mce-content-body {background-color: #D2CFC7;}


/************ TABLES  ************/
table {width: auto;}
.fancytable th {color: white; padding: 5px; background: #666; border: 1px solid #666;}
.fancytable td {padding: 5px 10px; border: 1px solid #666;}

.equaltable { width: 100%; display: table; table-layout: fixed;}
table.flextable, .flextable tbody, .flextable tr { width: 100%; display: flex; flex-wrap: wrap; justify-content: space-around;}
.equaltable td {width: 2%;}
.equaltable td, .equaltable tr, table.equaltable, .flextable td, .flextable tr, table.flextable {border: none;}
 
@media only screen and (max-width: 767px){ 
  .equaltable, .equaltable div, .flextable, .flextable div, .fancytable, .fancytable div,  .fancytable tr, .fancytable td, .equaltable, .equaltable td, .flextable, .flextable td, .flextable tbody, .flextable tr, .equaltable tbody, .equaltable tr{ display: block; table-layout:auto; width: 100%; border: none; margin: 0;}
  .equaltable img { display: block; margin: 0 auto; width: 100%;}  
}