/* BEGIN for Generate Press theme sidebar menus  */
.menu {background-color: #fafafa;}
.sub-menu {background-color: #fafafa;}
.menu-item {background-color: #fafafa; border-bottom: 1px solid #ccc; padding: 5px 5px; margin: 5px 5px;margin: 5px 5px;}
/* END for Generate Press theme sidebar menus  */

#masthead {padding-top: 0px;padding-bottom: 0px; margin-top: 0px;margin-bottom: 0px;}

/* important is needed or other stuff takes over  */
html, body, p {line-height:125%; font-family: Arial, Helvetica, sans-serif !important ; font-size:18px !important; color: #630;}
@media (max-width: 800px) {html body p { line-height: 155% ;}}

/* for top mobile menu */
.stk1 {position: -webkit-sticky; /* Safari */
position: sticky;top: 0; z-index:3;}

.entry-title {margin:0;padding:0;}
.widget li a, .widget a {font-size:105%;}

/* to remove 'Proudly Powered by Wordpress at bottom of pages - probably also removes site title */
.site-info{display:none}

a:link {text-decoration: none;border-bottom: none;-webkit-box-shadow: none;box-shadow: none;}
a:visited {text-decoration: none;border-bottom: none;-webkit-box-shadow: none;box-shadow: none;}
a:active {text-decoration: none;border-bottom: none;-webkit-box-shadow: none;box-shadow: none;}
a:hover {text-decoration: none;border-bottom: none;-webkit-box-shadow: none;box-shadow: none;}

a:link.green { color: #008000; text-decoration: none;font-weight: 600;}
a:active.green { color: #008000; text-decoration: none;font-weight: 600;}
a:visited.green { color: #008000; text-decoration: none;font-weight: 600;}
a:hover.green { color: #093; text-decoration: none;font-weight: 600;}

a:link.Sa1 {font-family: Candara, Calibri, Segoe, Segoe UI, Optima, Arial, sans-serif; color: #00f;}
a:active.Sa1 {font-family: Candara, Calibri, Segoe, Segoe UI, Optima, Arial, sans-serif; color: #00f;}
a:visited.Sa1 {font-family: Candara, Calibri, Segoe, Segoe UI, Optima, Arial, sans-serif; color: #00f;}
a:hover.Sa1 {font-family: Candara, Calibri, Segoe, Segoe UI, Optima, Arial, sans-serif; color: #00f;}

li { margin-top: .3em; margin-bottom: .3em; text-align: left;}
li{}
@media (max-width: 800px) {li {padding: .5em}}
.bottom { margin-top: .21em; margin-bottom: 1em; text-align: left; }

.widget-title{color: #800;font-weight: bold;}
.from1{color: #00c; font-size: 30px; font-weight: bold;line-height: 125%;}
.center { text-align: center; }
.centerTwo { text-align: center; width: 100%; margin-right: auto; margin-left: auto; }
.large3 {font-size: 1.15em;}
.space1 {padding-bottom: 24px;}
.space2 {padding-top: 24px;}
.threeFour { width: 75%; text-align: center; margin-right: auto; margin-left: auto; border: 0; color: #036; background-color: #036; height: .07em; }
.fifty2 {width: 50%; text-align:left; margin: 0 auto 0 0; border: 0; color: #036; background-color: #036; height: .07em;}

.floatLeftPhotos1 { float: left; width: 45%;padding-left:0; }
@media (max-width: 800px) {.floatLeftPhotos1 {float: left; width: 48%;}}

.floatRightPhotos1 { float: right; width: 45%;padding-left:0; }
@media (max-width: 800px) {.floatRightPhotos1 {float: right; width: 48%;}}

.floatLeft2 { float: left; width: 45%;margin:.10em; }
@media (max-width: 800px) {.floatLeft2 {float: left; width: 90%;}}

.floatCenter2{width: 45%;margin:.10em;display:inline-block}
@media (max-width: 800px) {.floatCenter2 {float: left; width: 90%;}}

.bttnSddls{background-color: #eee; border: none; color: #000; padding: 1px 11px;
  text-align: center; text-decoration: none; display: inline-block; font-size: 16px;
  margin: 1px 1px; border: solid #ccc 1px; border-radius: 8px; cursor: pointer;}

iframe.ifrm1 {width:100%;height:100%;loading:eager; resize:vertical;}

/* BEGIN for front page columns  */
.column3{float:left; width: 25%;margin-bottom:50px; height:150px;}
@media screen and (max-width: 800px) {.column3 {width:35%; margin-left:5px; text-align: center;margin-bottom:10px;  }}
/* END for front page columns  */

/* BEGIN for boxes on saddles home page */
.pBoxSa1 { padding: 4px;  margin: 4px; border: 1px solid #ccc; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; }
/* END for boxes on saddles home page */

p.Sa1{display: inline;font-size:22px;}

.notOnMobile1 { display: block;}
  @media(max-width: 48em) { .notOnMobile1 { display: none; } }

.clr { clear: both }

/* to vertically align text with images - not using */
.vAlign1 {
    display: flex;
    align-items: center;}

/*so responsive images don't become too small */
.orig{  min-height: 120px;  min-width: 160px;padding-right: 15px;}

.howToLabels { color: #036; font-size: .95em; font-weight: bold; }
tr:nth-child(even) {background-color: #f2f2f2;}
.pBox3 { padding: 2px; background-color: #fafafa; border-top: 1px solid #ccc; border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; -moz-border-radius: 12px; -webkit-border-radius: 12px; border-radius: 12px; }
.heading3 { color: #000080; font-family: "Times New Roman", Times, Cambria, Cochin, Georgia, serif; font-size: 1.25em; font-weight: bold; margin-bottom: 0; }
.eightPT {font-size: 14px;}

.sddlsHeading2 { width: 100%; font-family: "Times New Roman", Times, Cambria, Cochin, Georgia, serif; font-size: 1.5em; font-weight: bold; color: #060; margin: 35px 0px 5px;}
.tooltip{display: inline;position: relative;}
/* for the arrow */
.tooltip:hover:before{border: solid;border-color: #09c transparent;border-width: 6px 6px 0 6px;
bottom: 20px;content: "";left: 50%;position: absolute;z-index: 99;}
.tooltip:hover:after{background: #09c;background: rgba(0,153,204,.8);border-radius: 5px;bottom: 26px;color: #fff;content: attr(title);
left: 20%;padding: 5px 15px;position: absolute;z-index: 98;width: 220px;}
.HP1 { color: #33f; font-weight: bold; font-size: 1.5em; }

.tooltip2{display: inline;position: relative;}
.tooltip2:hover:after{background: #093;border-radius: 5px;bottom: 26px;color: #fff;content: attr(title);
left: 20%;padding: 5px 15px;position: absolute;z-index: 98;width: 220px;}

/* show on desk top */
.showDT {}
@media all and (max-width: 48em) {.showDT{display: none; }}
/* show on mobile */
.showMB {}
@media all and (min-width: 48em) {.showMB{display: none; }}

#footer { display: none; }
.gray3{color:#e3e8ec;background-color:#e3e8ec;margin-bottom: 8px;}
.gray4{color:#e3e8ec;background-color:#e3e8ec;margin-top: 8px;}

/* BEGIN for side nav */
.sidenav {height: 100%;width: 0;position: fixed;z-index:3;top: 0;left: 0;background:#630;
overflow-x:auto;transition: 0.5s;padding-top:60px;}
.sidenav a {padding: 4px 8px 4px 32px;text-decoration: none;font-size:18px;color:#fff;
display: block;transition: 0.3s;}
.sidenav a:hover {color: #e0d6cc;}
.sidenav .closebtn {position: absolute; top: 0;right: 25px;color: #fff;font-size:66px;margin-left: 50px;border-bottom:none;}
@media screen and (max-height: 450px) {.sidenav {padding-top:15px;} .sidenav a {font-size: 14px;}}
/* END for side nav */
