/* CSS Document v:1.2 */

@charset "utf-8";
:root {
 --lightColor:#4D8019; /*77,128,25 light-green */
 --darkColor:#A73A24;
 --mainColor:#115511; /*17,85,17  dark-green */
 --compColor:#331155; /*51,17,85  dDark-purple */
 --triColor:#551111; /*85,17,17  dark red */
 --altColor:#553311; /*85,51,17  dark-brown */
 --alt2Color:#775533; /*119,85,51  light-brown */
 --lightSBG:#F4F6F4;
}

body { padding:0; margin:0; word-spacing:0.4vw; letter-spacing:0.05vw; background-color:#FAFAFA;
font-size:14px; font-size:2.5vw; font-size:calc(10px + 0.5vw); font-size:clamp(14px, 2.5vw, 28px);
font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; }
div { float:none; clear:none; }
#container {display:block; background-color:#FFF; padding-bottom:9px;}

header { padding:8px 2%; display:flex; flex-wrap:nowrap; flex-direction:row; width:96%; }
header>img { width:18%; height:18%;}
nav {display:block; width:82%; } /* background-image:linear-gradient(var(--lightColor), var(--darkColor)); */
#navTrigger { padding:5px 13px; box-shadow:1px 1px 3px 0 rgba(0,0,0,0.55),inset 1px 1px 0 rgba(255,255,255,0.3); width:45px; height:40px;
 cursor:pointer; background:linear-gradient(to bottom,rgba(85,51,17,0.45) 1%,rgba(17,85,17,0.95) 100%); right:20px; position:absolute; z-index:90; }
#navTrigger span { opacity:0.9; width:auto; height:15%; margin:5px 0; background-color:#EEE; display:block;}
nav ul {position:absolute; display:none; z-index:99; right:30px; margin-top:50px;}
nav li {width:150px; list-style:none; padding:5% 0 5% 5%; border:1px solid #999; overflow:hidden; margin-top:-1px; background-color:#ACA; background-color:rgba(170,204,170,0.95);}

nav input[type=checkbox]{display:none; -webkit-appearance:none;}
nav input[type=checkbox]:checked ~ #menu{display:block;} /*Show menu when invisible checkbox is checked*/
/* nav ul li:last-child {} */

table {border-collapse:collapse; border-spacing:0;}
main a, main a:visited { color:#00F;}
/* main h1:first-of-type { text-align:center; display:block;} */
main {} /*display:inline-block;*/
#intro { background-image:url("images/HomeFull.jpg"); background-repeat:no-repeat; background-size:cover; padding:8% 4%; }
#intro h1, #intro p, #intro ul, #intro li { color:#FFF; font-size:smaller; }
section h2 { font-size:smaller; font-weight:normal;}
section p {font-size:smaller;}
#contact {background-image:url("images/BaseHorses.jpg"); background-repeat:no-repeat; background-size:cover; padding:5% 4%; }
section.secA { background-color:#FFF; padding:5% 4%; display:flex; row-gap:1.5em; column-gap:1.5em; flex-flow:column; }
section.secB { background-color:var(--lightSBG); padding:5% 4%; display:flex; column-gap:1.5em; flex-flow:column; }
section.secC { background-color:var(--mainColor); padding:5% 4%; display:flex; flex-flow:column; color:#FFF; }
div.sdFlex { display:flex; row-gap:10px; column-gap:3px; flex-wrap:wrap; justify-content:space-around; }
.sdF2 { padding:0 3em 0 2em; display:flex; flex-direction:column; }
.sdF2 span input { width:100%; } .sdF2 span input.no { width:unset; }
.sdF2 span textarea { width:100%; }
.sdContent h1 {margin-top:0; position:relative; z-index:1; }
.sdContent h1::before { content:""; position:absolute; top:50%; left:-15px; transform:translateY(-50%); z-index:-1; width:34%; height:160%; border-radius:3px; background-color:var(--lightSBG); }
.sdImg>img {width:100%; max-width:600px; height:auto; display:block;}
/* .sdImg::after { content:"";  display:table; clear:both; } */

li {margin-top:4px;}
h1 {font-size:24px; font-size:2.9vw; font-size:calc(13px + 0.7vw); font-size:clamp(24px, 2.9vw, 31px); }
h2 {font-size:22px; font-size:2.8vw; font-size:calc(12px + 0.6vw); font-size:clamp(22px, 2.8vw, 29px); }
h3 {font-size:20px; font-size:2.7vw; font-size:calc(11px + 0.5vw); font-size:clamp(20px, 2.7vw, 27px); }
a:has(figure) {width:min-content;}
figure { float:left; margin:5px 2px; }
figcaption { clear:both; text-align:center; }
fieldset { padding:8px 0 16px 12px; margin:0; width:99%; }
legend { font-weight:bold; font-size:14px; padding:0 0 8px 2px; }
small, .small { font-size:10px; font-weight:normal; }
input, select { margin-bottom:4px; font-size:14px; width:230px; overflow:hidden; }
       select {width:auto;}
footer {display:inline-block;}
footer p {margin:0 0 3px 0; font-size:9px; font-size:1.1vw; font-size:calc(9px + 0.1vw); font-size:clamp(9px, 1.1vw, 28px);}
footer section { display:flex; padding:3% 1% 1% 1% !important; flex-direction:row !important; justify-content:space-evenly; }
footer .secF1 { flex-direction:row; padding:4% 5% !important; }
footer .secF1 div {row-gap:0; width:49%;}
footer .secF1 form { width:49%; display:flex; flex-direction:row; background-color:#FFF; flex-wrap:nowrap; row-gap:0; column-gap:0; justify-content:space-evenly; padding:10px 5px; height:fit-content; margin-top:10px; }
footer .secF1 form input {width:inherit; height:30px; vertical-align:top; margin:0;}
footer .secF1 h2 { font-size:17px; font-size:2.5vw; font-size:calc(10px + 0.4vw); font-size:clamp(17px, 2.5vw, 25px); }
footer section div h3 {font-size:smaller;}
footer section>* {display:flex;}
footer section>div { row-gap:11px; position:relative; text-align:left; flex-direction:column; }
.fbord { padding-left:0.5em; }
.fbord::before { content:""; position:absolute; top:25%; left:0; width:1px; height:75%; background-color:#DDD; z-index:1; }
.fbord a { text-decoration:none; color:var(--compColor); }
.fbord ul {padding:0 0 0 2.5em;}
.fbord li {font-size:inherit; list-style:none; margin:0 0 1em 0; text-indent:-2.5em;}
.fbord li::before {display:inline-block; content:""; width:1.1em; height:1.1em; background-size:contain; background-repeat:no-repeat; padding:0.15em; background-position:0 0; margin:0 1em -0.5em 0}
.fbord li.lib_loc::before {background-image:url(images/icon-location.svg);}
.fbord li.lib_pho::before {background-image:url(images/icon-phone.svg);}
.fbord li.lib_env::before {background-image:url(images/icon-mail.svg);}

.aBtn { display:inline-block; padding:6px 15px; margin:4px; border-radius:3px; border:1px solid #CCC; font-size:small; text-decoration:none; }
.aBtn img { vertical-align:middle;} .aBtn:hover, .aBtn:focus { box-shadow:2px 2px 2px var(--mainColor); }
.ver1 { background-color:#FFF; color:#000;} a.ver1:visited { color:#000;}
.ver2 { background-color:#753; color:#FFF;} a.ver2:visited { color:#FFF;}


/* 
   .w100,.w100 img,picture>source.w100 {width:100%;}
   img.fRight, picture>source.fRight {margin:3px; clear:none;} */
.fRight {float:right;}
.fLeft {float:left;}
.center {text-align:center;}
.l100,.l100 img,picture>source.l100 {width:100%; max-width:600px; height:auto; display:block; }

.border td { padding:3px; border:1px solid black; margin:0;}
.f2 {display:grid; grid-template-rows:auto; grid-template-columns:20% 77%; row-gap:1%; column-gap:0.5%; margin-bottom:10%; margin-bottom:4vh; }
.f2 label {text-align:right;}
.f2 label.no {width:auto;}
input[type="submit"] {margin:20px 0;}
input.no, select.no { margin:0; width:auto; }
.sitemap tr td {border-bottom:1px dotted #CCC;}
.sitemap {margin:15px 0;width:100%;}
.sitemap tr {display:grid; border:1px solid #222; border-top:none;}
.hangindent {text-indent:-1em;}
.center {text-align:center;}
.parallax-window {min-height:100px; background:transparent; }

 /* YELPERS */
 #yelpBox {background-color:#EEE; padding:9px; border:1px solid #AAA; border-radius:3px;}
 #yelpBox h4 {background-color:#333; color:#FFF; margin:0; font-weight:normal; text-align:center;}
 #yelpBox h5 {background-color:#666; color:#FFF; border-radius:5px 5px 0 0; box-shadow:0 2px 5px 1px #AAA;
  margin:12px 0; padding:3px 5px; font-weight:normal;}
 #yelpBox h5 img {float:right;}
 .yRItem {display:block; background-color:#EEE; padding:16px; padding:1vw;}
 .yRITop {display:flex;}
 .yRITop a img {width:56px; height:56px; border:2px solid #999; border-radius:9px;}
 .yRITop span {display:inline-block; flex-wrap:nowrap; margin:12px;}
 .yRIdate {position:absolute; right:10px; color:#888;}
 .yRIBot {padding:8px 0;}
 .yRIBot>span {margin-left:15px;}
 .yRIBot a {color:#33B; float:right; margin:8px;}
 /* YELPERS */


/* 320,480,360,640,768,800,980 */

@media screen and (min-width:550px){
/*   section.secA { flex-flow:column; } */
#navTrigger {display:none;}
#menu { position:relative; display:flex; margin-top:5%; justify-content:space-evenly; }
nav ul li,nav li a { margin:0; padding:0; text-decoration:none; border:none; text-transform:uppercase; }
nav li { background-color:unset; width:unset; list-style:none; height:auto; }
nav li a { font-size:15px; font-size:1.5vw; font-size:calc(12px + 0.4vw); font-size:clamp(15px, 1.5vw, 20px); color:var(--compColor); }
nav li a:visited {color:var(--compColor);}
nav li a:hover {color:var(--lightColor); text-decoration:underline;}

.DFD { flex-direction:unset !important; }
div.sdContent { width:49%; } /*margin:0 15px;*/
div.sdImg { width:49%; } /*margin:5px 2%;*/
.sitemap tr {display:table-row; border:unset;}

}