@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,400i,600,600i');


#tinymce.mce-content-body {background-color: #EAE5D9;}


/* DEFAULT FOR ALL */
body, p, h6 { color: #666; }
h1, h2, h3, h4, h5, h6 { margin: .75rem 0; line-height: 1.3; font-weight: normal;}

/* SIZES */
h1 {font-size: 2.5rem;}
h2, h3, h4, h5, h6 { font-size: 2rem;}

/* FONTS */
body, p, h6 {font-family: 'Source Sans Pro', sans-serif; }
h1, h2, h3, h4, h5 { font-family: 'Source Sans Pro', sans-serif; }

/* STYLING */
h1 {color: #03519f; font-size: 3rem;}
h2 {color: #03519f;font-size: 2.5rem; border-bottom: 1px solid #666666;}
h3 {color: #3a4921; font-size: 2.25rem; border-bottom: none;}
h4 {background: #3a4921; color: white; border-radius: .2rem; padding: .1rem .4rem;}
h5 {color: #3a4921; text-transform: uppercase;}
a { color: #03519f;}

.page-header h2 {line-height: 1.5rem;}

a {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;
}

/***** removing some of the space on secondary pages above the initial page title ******/
#g-container-main #g-mainbar .g-content {margin-top: 0; padding-top: 0;}


/************ BUTTONS  ************/
.readon, .button { 
  color: white; 
  background: #0f3467; 
  padding: .7rem 1.3rem; 
  border-radius: .5rem; 
  display: inline-block;
  font-weight: 500;
  line-height: 1.125rem;
  border: none;
}
a.button { 
  color: white; 
  background: #3a4921; 
  padding: .7rem 1.3rem; 
  border-radius: .5rem; 
  display: inline-block;
  font-weight: 500;
  line-height: 1.125rem;
  border: none;
}

.readon:hover {background: #3a4921; color: white;}

a.button:hover{background: #fec33b; color: #03519f;}

#g-slideshow a.readon {
    background: #fec33b; 
    padding: .2rem 1rem; 
    color: #3a4921;
    display: table;
    float: none;
    display: table;
    margin: auto;
    margin-top: .5rem; 
}
#g-slideshow a.readon:hover {background: #03519f; color: white;}

.yellowbutton {background: #fec33b; padding: .2rem 1rem;}
/************ TABLES  ************/
table {width: auto;}
.fancytable th {color: white; padding: 5px; background: #0f3467; border: 1px solid #0f3467;}
.fancytable td {padding: 5px 10px; border: 1px solid #0f3467;}

.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%;}  
}