/* TEST CSS */

.body {
  max-width: 1000px !important;
  width: 95% !important;
}

.home {
  max-width: 1000px !important;
  width: 95%;
}

body.single hr {width: 100%;}

.header {
  margin-top: 0.2rem;
  margin-bottom: 10px;
 }

.notice_break {
  text-align: center;
  font-size: 1.6rem;
  background-color: #f9e45b;
  display: inline-block;
  padding: 1% 2%;
  border: 2px solid #5B70F9;
  border-radius: 6px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 1rem;
  margin-bottom: 2rem;
}

.banner {
  width: 100%;
margin: auto;
}

.avatar {
  background: none;
  margin-top: 10px;
}
  
.avatar img {
  border: 2px solid #000;
  border-radius: 11px;
  max-width: 96px;
}

.site__name {
  padding-bottom: none;
  font-size: 2.5rem !important;
}

.site_caption {
  font-size: 2rem;
  font-family: Palatino-Roman, Helvetica, Arial, Serif;
}

.top_banner {  
  display: inline-block;
  border: 4px solid #000;
  border-radius: 6px;
  width: 55%;
  background: #ff8648;
}

.news_banner {
  text-transform: uppercase;
  font-size: 1.5rem;
  display: inline-block;
  border: 2px solid #10aeff;
  border-radius: 6px;
  width: 55%;
  margin-top: 10px;
}
.news_banner a {text-decoration-line: none !important;}
#bob img {
  width: 60px;
}
#bob  {
  display: inline-block;
  border-right: none;  
}
#news_text {
  display: inline-block;
  vertical-align: top;
  padding-top: 4%;
  border-left: none;
}
#news_text a {
  text-decoration-line: none !important;
  color: #000 !important;
  font-weight: 300;
}


.site__page {
  text-transform: uppercase;
  text-decoration-line: none;
  background-color: #20B5FF;
  padding: 1% 2%;
  color: #000 !important;
  border: 2px solid #000;
  border-radius: 11px;
  margin-right: 5px;
  float: left;
}
.site__page:hover {
  background-color: #009AE8;
  color: #fff !important;
  transition: 0.1s
}

.socials {float: right;}
.socials img {width: 28px;}
.socials a {text-decoration-line: none;}

.FeaturedR {
    display: table;
    width: 100%; /*Optional*/
    table-layout: fixed; /*Optional*/
    border-spacing: 10px; /*Optional*/
  color: #002F54 !important;
  font-weight: bold;
  font-size: 1.3rem;
  line-height: 1.4rem;
  text-transform: uppercase;
  text-decoration-line: none !important;
}
.FeaturedR a {
  text-decoration-line: none !important;
  color: #002F54 !important;
}
.FeaturedC {
    display: table-cell;
  width: 33%;
  text-decoration-line: none !important;
  padding: 1% 2% !important;
  border: 2px solid #FF6110;
  border-radius: 11px;
}
.FeaturedC a {
  text-decoration-line: none !important;
  color: #002F54 !important;
}

.single {max-width: 1000px; width: 95%;}

body.single main {max-width: 1000px; width: 95%;}

.h-feed {margin-top: 20px;}

article.post.h-entry {
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 1.5rem;
}

.post {max-width: 800px; width: 95% !important;}

h3 {
    font-size: 1.5rem !important;
}

h2 {
    font-size: 1.7rem !important;
}

h1 {
    font-size: 2rem !important;
}

main.main__content h1 {
  text-align: center;
  text-decoration: underline 5px;
  margin-bottom: 20px;
}

.copyright {
  display: none !important;
}

.footer-top {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.footer-top a {
  text-decoration-line: none;
  background-color: #FF6110;
  padding: 1% 2%;
  color: #002F54 !important;
  border: 2px solid #002F54;
  border-radius: 11px;
}

.footer {
  padding-top: 1rem;
  color: #000;
}

.uf {
  padding-bottom: 10px;
}

.uf a {
  text-decoration-line: none;
}

p {
    font-size: 1.4rem !important;
    line-height: 1.5rem !important;
}

li {
  font-size: 1.3rem !important;
  line-height: 1.4rem !important;
}

.post img {
  width: 80%;
  display: block;
    margin-left: auto;
    margin-right: auto;
  margin-top: 1.5em;
  background-color: #ffffff;
  box-shadow: 5px 5px 5px 5px gray;
}

.post--single img {
  width: 80%;
  display: block;
    margin-left: auto;
    margin-right: auto;
  margin-top: 1.5em;
  background-color: #ffffff;
  box-shadow: 5px 5px 5px 5px gray;
}

.post_banner img {
  width: 90%;
  max-width: 90%;
  display: block;
    margin-left: auto;
    margin-right: auto;
  margin-top: 1.5em;
  background-color: none;
  box-shadow: none;
}

/* Post footer */

.home .post__footer {padding-bottom: 1.5rem;}

.home .dt-published {
  text-transform: uppercase;
  font-size: 1rem;
  font-weight: 300;
  color: #6A6A6A;
float: left;
padding: 1% 2%;
}
.home .u-url {
  font-size: 1.2rem;
  font-weight: 900;
  text-decoration-line: none;
  padding: 0.3% 0.5%;
  color: #000 !important;
  border: 2px solid #000;
  border-radius: 10px;
float: left;
}
.home .u-url:hover {
  color: #fff !important;
  background-color: #000;
  transition: .1s
}

.p-category {
  font-size: 1.1rem;
  font-weight: 600;
  text-decoration-line: none;
  padding: 1% 2%;
  color: #000 !important;
  border: 2px solid #000;
  border-radius: 15px;
  float: right;
  margin-left: 5px;
}
.p-category:hover {
  color: #fff !important;
  background-color: #000;
  transition: .1s
}

code {
  padding: 2px 4px;
  font-size: 90%;
  color: #c7254e;
  background-color: #f9f2f4;
  border-radius: 4px;
}

a {
  color: #005799 !important;
}

.h-feed .e-content a:visited {
  color: #1A9CFF !important;
}

.subdate {
  vertical-align: super;
  font-size: 0.8rem;
}

/* footer table CSS */

.FooterR {
    display: table;
    width: 95%; /*Optional*/
    table-layout: fixed; /*Optional*/
    border-spacing: 10px; /*Optional*/
  color: #000 !important;
  font-size: 1.3rem;
  line-height: 1.4rem;
  text-decoration-line: none !important;
  margin: auto;
  border: 2px solid #577590;
  border-radius: 10px
}
.FooterR a {
  color: #002F54 !important;
}
.FooterC {
  display: table-cell;
  width: 33%;
  padding: 0 1% 0 1% !important;
  text-align: center;
}
.FooterC img {
display: block;
  margin-left: auto;
  margin-right: auto;
  width: 35%;  
}
.FooterC a {
  color: #0F0D77 !important;
}
.FooterC a:visited {
  color: #1A9CFF !important;
}
.FooterCH {
    display: table-cell;
  width: 33%;
  color: initial;
  font-weight: bold;
  text-transform: uppercase;
  text-decoration: underline 5px #59cd90;
  text-align: center;
  font-size: 2.2rem !important;
  line-height: 2.2rem !important;
}

.socials_footer {
 margin-left: auto;
 margin-right: auto;
 margin-top: 2%;
}
.socials_footer img {
  width: 34px;
 padding: 2px;
}
.socials_footer svg {
  width: 32px;
 padding: 2px;
}
.socials_footer a {
  text-decoration-line: none;
}

.FooterR2 {
    display: table;
    width: 100%; /*Optional*/
    table-layout: fixed; /*Optional*/
    border-spacing: 5px; /*Optional*/
  color: #002F54 !important;
  font-size: 1.3rem;
  line-height: 1.4rem;
  text-decoration-line: none !important;
margin: auto;
}
.FooterR2 a {
  text-decoration-line: none !important;
  color: #002F54 !important;
}
.FooterC2 {
    display: table-cell;
  width: 100%;
  text-decoration-line: none !important;
  padding: 1% 2% !important;
  border-left: 2px solid #FF6110;
}
.FooterC2 a {
  text-decoration-line: none !important;
  color: #002F54 !important;
}
.FooterCH2 {
    display: table-cell;
  width: 50%;
  color: initial;
  font-weight: bold;
  text-decoration-line: none !important;
  padding: 1% 2% !important;
}


/* listed links footer buttons */

.FooterLLR {
    display: table;
    width: 95%; /*Optional*/
    table-layout: fixed; /*Optional*/
    border-spacing: 5px; /*Optional*/
  padding-bottom: 15px;
  color: #002F54 !important;
  font-size: 1.1rem;
  line-height: 1.2rem;
  text-decoration-line: none !important;
margin-left: auto;
margin-right: auto;
margin-bottom: 15px;
  background: #ACC8E5;
  border: 5px solid #000;
  border-top: none;
}
.FooterLLR a {
  text-decoration-line: none !important;
}
.FooterLLC {
    display: table-cell;
  padding-top: 0.4% !important;
  padding-right: 0 !important;
  padding-bottom: 0.4% !important;
  padding-left: 0 !important;
  border: 2px solid #000;
  border-radius: 6px;
vertical-align: middle;
text-align: center;
  color: #000;
}
.FooterLLC a {
  text-decoration-line: none !important;
  color: #002F54 !important;
}


#footer_hr {
  width: 50%;
  margin: auto;
  border: 1px solid #ff6110;
}

/* special line break */
#about_hr {
  width: 50%;
  margin: auto;
  border: 1px solid #FF6110;
}

/* Page archive note */

.archive_note {
  text-align: justify;
  font-size: 1.7rem;
  color: #000;
  background-color: #f9e45b;
  display: inline-block;
  padding: 1% 2%;
  border: 2px solid #5B70F9;
  border-radius: 6px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 1rem;
  margin-bottom: 2rem;
}

/* Related posts note for pages */

.related_note {
  text-align: justify;
  font-size: 1.7rem;
  color: #000;
  background-color: #F3CA40;
  display: inline-block;
  padding: 1% 2%;
  border: 4px solid #3FA5F3;
  border-radius: 6px;
  width: 70%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 1rem;
  margin-bottom: 2rem;
  position: relative;
  left: 50%;
  transform: translateX(-50%); /* this will calculate what 50% of the element width is and will move it across the X-axis. The negative value ensures it moves to the left. */

}
.related_note a {
  text-transform: uppercase;
  font-size: 1.8rem;
color: #25323D !important;
text-decoration: underline #3FA5F3 3px;
}

/* memberful buttons */

.tip_button {
  border: 4px solid #000;
  border-radius: 6px;
  padding: 1.3% 1% 0% 1%;
  width: 70%;
  background: #ff8648;
  font-family: Avenir-Next, Helvetica, Arial, Serif;
  font-weight: thin;
  font-size: 2.9rem;
  line-height: 2.9rem;
  text-align: center;
  text-transform: uppercase;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 5px;
}

.tip_button a {
  text-decoration-line: none;
  color: #000 !important;
}

.tip_button-foot {
  border: 2px solid #000;
  border-radius: 6px;
  padding: 5% 4%;
  width: 100%;
  background: #FFCDBC;
  font-family: Avenir-Next, Helvetica, Arial, Serif;
  font-weight: 100;
  font-size: 2rem;
  text-align: center;
  text-transform: uppercase;
  margin-right: auto;
  margin-left: auto;
}

.tip_button-foot a {
  text-decoration: none;
  color: #000 !important;
}
.tip_button-foot a:visited {color: #000 !important;}
.tip_button-foot:hover {background: #FFB69D;}

.icymi_form {
  border-radius: 5px;
  background-color: #577590;
  padding: 20px;
 width: 70%;
}

.icymi_form input[type=text], select {
  width: 100%;
  padding: 12px 20px;
  margin: 8px 0;
  display: inline-block;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
  font-size: 1.4rem;
}

.icymi_form input[type=submit] {
  width: 100%;
  background-color: #F5D468;
  color: black;
  padding: 14px 20px;
  margin: 8px 0;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  font-size: 1.7rem;
}

.icymi_form input[type=submit]:hover {
  background-color: #f3ca40;
}
.icymi_form-foot {
 width: 90%;
}

.icymi_form-foot input[type=text], select {
  width: 100%;
  padding: 6px 11px;
  margin: 4px 0;
  display: inline-block;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
  font-size: 1.2rem;
}

.icymi_form-foot input[type=submit] {
  width: 100%;
  background-color: #F5D468;
  color: black;
  text-transform: uppercase;
  padding: 4px 7px;
  margin: 4px 0;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  font-size: 1.7rem;
  border: solid black;
}

.icymi_form-foot input[type=submit]:hover {
  background-color: #f3ca40;
}


/* History page archive buttons */

.HistoryR {
    display: table;
    width: 70%; /*Optional*/
    border-spacing: 10px; /*Optional*/
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 2rem;
  font-family: Palatino-Roman, Helvetica, Arial, Serif;
  font-weight: bold;
  font-size: 2.9rem;
  line-height: 2.9rem;
  text-align: center;
  text-transform: uppercase;
  text-decoration-line: none !important;
}
.HistoryR a {
  text-decoration-line: none !important;
}
.HistoryC {
  display: table-cell;
  width: 25%;
  color: #fff !important;
  background-color: #4974a5;
  text-decoration-line: none !important;
  padding: 25px 25px 25px 25px !important;
  margin-left: auto;
  margin-right: auto;
  border: 2px solid #FF6110;
  border-radius: 11px;
  transition-duration: 0.4s;
}
.HistoryC a {
  text-decoration-line: none !important;
  color: #fff !important;
  transition-duration: 0.4s;
}
.HistoryC a:hover {
  background-color: #fff;
  color: #000 !important;
}
.HistoryC:hover  {
  background-color: #fff;
  color: #000 !important;
}
.HistoryC:hover a {
  background-color: #fff;
  color: #000 !important;
  transition-duration: 0.3s;
}


/* smaller screens */

@media only screen and (max-width: 500px) {
  .banner {width: 100%;}
  .news_banner {width: 100% !important;font-size: 1.3rem}
  .site__page {display: block !important; width: 48%;}
  .socials {display: block !important; float: none;}
  .FeaturedR {display: block;}
  .FeaturedC {display: block !important; width: 100% !important; margin-bottom: 1rem;}
  .FooterR {display: block;}
  .FooterC {display: block !important; width: 100% !important;}
  .FooterC img {width: 40%;}
  .FooterCH {display: block !important; width: 100% !important; margin-top: 1rem; margin-bottom: 1rem;}
  #footer_hr {width: 70%; margin-left: auto; margin-right: auto; margin-top: 2%; border: 1px solid #ff6110;}
  .FooterR2 {display: block;}
  .FooterC2 {width: 100% !important; margin-bottom: 1rem;}
  .FooterCH2 {width: 100% !important; margin-bottom: 1rem;}
  .tip_button {width: 100%;}
  .HistoryR {display: block;}
  .HistoryC {display: block !important; width: 100% !important; margin-bottom: 1rem;}
  .footer-top a {display: block !important; margin-bottom: 10px;}
  .FooterLLR {display: block;}
  .FooterLLC {display: block !important; width: 100% !important; margin-bottom: 1rem;}
}

@media only screen and (max-width: 650px) {
  .banner {width: 100%;}
  .top_banner {width: 70%;}
  .news_banner {width: 75%; font-size: 1.4rem}
  .FooterR {display: block;}
  .FooterC {display: block !important; width: 100% !important;}
  .FooterCH {display: block !important; width: 100% !important; margin-top: 1rem; margin-bottom: 1rem;}
  .FooterR2 {display: block; margin: auto;}
  .FooterC2 {width: 100% !important; margin-bottom: 1rem;}
  .FooterCH2 {width: 100% !important; margin-bottom: 1rem;}
  .HistoryR {display: block;}
  .HistoryC {display: block !important; width: 100% !important; margin-bottom: 1rem;}
  .tip_button {width: 100%;}
  .FooterLLR {display: block;}
  .FooterLLC {display: block !important; width: 100% !important; margin-bottom: 1rem;}
}

/* NEWSLETTER: ICYMI */

/* Set the font display */
.microblog_email {
  font-family: "Avenir Next", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 16px;
  line-height: 1.7em;
}

/* Move the header to the center */
.microblog_email p:nth-of-type(1) {
  text-align: center;
  font-size: 40px;
}

/* Assign area and display for the images */
.microblog_email img {
  display: block;
  max-width: 100%;	
  height: auto;
  margin: 0 auto 0.5rem;
  vertical-align: middle;
  border-radius: 5px;  	
}

/* Hide the profile image */
.microblog_email p:first-child img {
  display: none;
}
	
/* Styling for the separator */
.microblog_email hr {  
  margin: 12px 0;
  border: 0;
  text-align: center;
}

.microblog_email hr:before {
	content: "\2022 \2022 \2022 \2022";
    font-size: 20px;
    color: #4F8BCA;
}

/* Styling the links */
.microblog_email .microblog_permalink {
    color: #0366d6;
}