:root {
    --main-whte:#FEFEFE;
    --main-dkgy:#6E6E6E;
    --main-blue:#0283BA;
    --main-ltgy:#DDDDDD;
}
body, html {margin:0; padding:0; scroll-behavior:smooth !important; box-sizing:border-box; font-size:17px; letter-spacing:1px;}
body {color:var(--main-whte); font-family:"Neuton", serif;}
body, header#thehdr {background-color:var(--main-whte);}
header {padding:0.1em 1em;}
header div.inrmaxwdth {display:grid; grid-template-columns:1fr 1fr; gap:1em;}

.background-main-dkgy {background-color:var(--main-dkgy);}
.background-main-whte {background-color:var(--main-whte);}
.background-main-ltgy {background-color:var(--main-ltgy);}
.background-main-blue {background-color:var(--main-blue);}

.color-whte {color:var(--main-whte) !important;}
.color-dkgy {color:var(--main-dkgy);}
.color-ltgy {color:var(--main-ltgy);}
.color-blue {color:var(--main-blue);}

a {text-underline-offset:3px;}
h1,h2,h3 {font-weight:bold; text-align:center;}
h1 {font-size:2em; text-transform:uppercase; margin-top:0; text-align:center;}
h2.sechdr {font-size:2.1em; text-align:center; text-transform:uppercase;}
h3 {font-size:1.4em;}
h4 {font-size:1.3em; text-transform:uppercase; margin-bottom:0.1em;}
section, footer {padding:2em;}
section p {font-size:1.2em; line-height:1.7em; margin:0.5em 0;}
section p a {color:var(--main-dkgy);}
img.imgpad {padding:1em 0;}
div.inrmaxwdth {max-width:1200px; margin:0 auto;}
a.mailto {color:var(--main-text);}
a.mailto:hover {text-decoration:none;}
ul li {padding:0 0 0.5em 0; font-size:1.2em;}
/****************************************************************************************/

/****************************************************************************************/
/* Transforms																				*/
a.underlk {text-decoration:none; display:block; position:relative; padding:0.2em 0; overflow:hidden;}
a.underlk::after {content:''; position:absolute; bottom:0; left:0; width:100%; height:0.1em; background-color:#fff; opacity:0; transition:opacity 300ms, transform 300ms;}
a.underlk:hover::after, a.underlk:focus::after {opacity:1; transform:translate3d(0, 0.2em, 0);}
a.underlk::after {opacity:1; transform:translate3d(-100%, 0, 0);}
a.underlk:hover::after, a.underlk:focus::after{transform:translate3d(0, 0, 0);}
img.hovgrw {max-width:40px; transition:all .35s ease-in-out;}
img.hovgrw:hover {transform: scale(1.1);}

a.wunderlk {text-decoration:underline; transition: text-decoration-color 0.3s ease-in-out, color 0.3s ease-in-out;}
a.wunderlk:hover {text-decoration-color:transparent;}

a:focus {
  /* Ensure accessibility for keyboard navigation */
  outline: 2px solid #007bff;
  outline-offset: 2px;
}
/****************************************************************************************/

/****************************************************************************************/
/* Header																				*/
div.logo {display:inline-block;}
div.logo img {max-height:4em; margin-top:0.5em;}
/****************************************************************************************/

/****************************************************************************************/
/* Menu 																				*/
ul.menulinks {float:right; list-style:none; border-left:1px solid var(--main-blue); padding-left:2em;}
ul.menulinks li {font-family:'Roboto'; letter-spacing:2px; text-transform:uppercase; margin-bottom:0.1em;}
ul.menulinks li a {color:var(--main-blue); text-decoration:none;}
ul.menulinks li a span {margin-left:7px;}
/****************************************************************************************/

/****************************************************************************************/
/* Banner																			*/
section.banner {background-color:black; background-image:url('../images/banner.jpg'); background-position:center center; background-size:cover; background-repeat:no-repeat; padding:3em 0;}
section.banner div.inrmaxwdth {display:flex; justify-content:center; align-items:center; padding:1em 0;}
p.strap {margin:0.2em 0; font-style:normal; font-weight:bold; font-size:2.9em; text-align:center; text-shadow:1px 1px 4px rgba(66, 68, 90, 1); line-height:120%; text-wrap:pretty;}
/****************************************************************************************/

/****************************************************************************************/
/* About Us																				*/
div.makeabid {background-color:#A4ED56; border-radius:50%; width:100px; height:100px; display:flex; align-items:center; justify-content:center; text-align:center; padding:16px; box-shadow:0 4px 6px rgba(0, 0, 0, 0.1); cursor:pointer; position:relative; margin-top:-5em; transition:box-shadow 0.3s ease-in-out;}
div.makeabid:hover {box-shadow:0 4px 6px rgba(0, 0, 0, 0.3);}
div.makeabid span {color:#0948B3; font-weight:800; font-size:1.125rem; line-height:1.25; transform:rotate(-20deg);}
div.makeabid span a {text-decoration:none;}
section.aboutus {color:var(--main-dkgy);}
img.pntg {margin:1em auto; max-width:600px; width:100%; box-shadow:0 4px 6px rgba(0, 0, 0, 0.1); border:1em solid #fff; box-sizing:border-box; background-color:#ddd; padding:2px;}
div.bidbtn {text-align:center; padding-top:1em;}
div.bidbtn button {font-size:1.2em; padding:0.6em 1em; border-radius:2em;}
button.gafq {border:2px solid var(--main-whte); color:var(--main-whte); padding:0.6em 1em; border-radius:1em; text-transform:uppercase; font-weight:bold; font-family:"Quicksand", serif; font-size:0.55em; cursor:pointer; transition:all 300ms ease;}
button.gafq:hover {background-color:var(--main-ltgy); color:var(--main-blue);}
span.txtimg {float:right; margin:0 0 1em 1em; padding:2px; border:1px solid var(--main-ltgy); text-align:center; font-size:0.7em; text-transform:none !important; max-width:44%; line-height:1.4em;}
span.txtimg img {max-width:200px; width:100%; height:auto; display:block;}
span.txtimg img.bmh1 {max-width:400px;}
div.gdnimgs {display:flex; flex-wrap:wrap; justify-content:space-between;}
div.gdnimgs img {padding:2px; border:1px solid var(--main-ltgy); width:22%;}
span.material-symbols-outlined {font-size:1.8em; margin:0 0.4em 0 0.3em; vertical-align:middle;}
span.hmat {font-size:1.5em;}
p.indnt {padding-left:2.2em; text-indent:-1.5em;}
/****************************************************************************************/

/****************************************************************************************/
/* Contact Us																			*/
section.contactus {color:var(--main-dkgy);}
form#contact-form fieldset {border:none; display:flex; flex-direction:column; gap:1.7em; margin:0; padding:0;}
form#contact-form fieldset input[type=text], form#contact-form fieldset input[type=email], form#contact-form fieldset input[type=number] {border:1px solid var(--main-ltgy); border-radius:0.5em; padding:1em; font-family:Roboto; font-size:1em; width:50%; box-sizing:border-box; transition:box-shadow 300ms ease-in-out;}
form#contact-form fieldset input[type=number] {width:30%;}
form#contact-form fieldset input[type=text]:hover, form#contact-form fieldset input[type=email]:hover, form#contact-form fieldset input[type=number]:hover {box-shadow:1px 2px 49px -17px rgba(66,63,63,1); -webkit-box-shadow: 1px 2px 49px -17px rgba(66,63,63,1); -moz-box-shadow: 1px 2px 49px -17px rgba(66,63,63,1);}
form#contact-form fieldset input[type=submit] {padding:0.9em 3em 0.8em 3em; border-radius:1em; border:1px solid var(--main-ltgy); background-color:var(--main-blue); color:var(--main-whte); font-size:1.1em; letter-spacing:2px; transition:background-color 300ms ease-in-out;}
form#contact-form fieldset input[type=submit]:hover {background-color:var(--main-whte); color:var(--main-dkgy); cursor:pointer;}
div.g-recaptcha > div {margin:0 auto;}
/****************************************************************************************/

/****************************************************************************************/
/* Footer																				*/
footer {padding:5em 2em 2em 2em;}
ul.ftrlinks {list-style:none;}
ul.ftrlinks li {font-family:'Roboto'; letter-spacing:2px; text-transform:uppercase; margin:0 3px 0.1em 3px;}
ul.ftrlinks li a {color:var(--main-blue); text-decoration:none;}
ul.ftrlinks li a span {margin-left:7px;}
div#totopdiv {padding:2em 2em 2em 0; width:100%;}
div#totopdiv div.ftrcntc {float:left;}
div#totopdiv div.ftrcntc a {color:#fff; text-transform:uppercase; font-family:'Roboto'; font-size:0.9em; display:inline-block;}
div#totopdiv div.ftrcntc img {transform:rotate(90deg);}
p#toTop {float:right; padding:0;}
p#toTop {margin:0px !important; line-height:100%; padding:0;}
p#toTop img {max-width:1em; margin-right:8px;}
p#toTop a {font-weight:bold; font-family:'Roboto'; font-size:0.9em;}
0p#toTop a img {margin-right:.5em;}
p.electric {font-family:'Roboto'; font-size:0.85em; clear:both; width:100%; display:inline-block; text-align:center; margin-top:2em;}
p.electric img {vertical-align:middle; margin-right:0.6em;}
/****************************************************************************************/

/****************************************************************************************/
/* Our Gifts																			*/
section.ourgifts {color:var(--main-dkgy);}
span.featherlight-previous, span.featherlight-next {display:none !important;}
.featherlight .featherlight-close-icon {width:50px; line-height:50px; font-weight:bold; background:rgba(255, 255, 255, 1); font-size:2em;}
/****************************************************************************************/


@media (max-width: 1250px) {
    div.makeabid {margin-left:1em;}
}

@media (max-width: 860px) {
    p.strap {font-size:2.2em;}
    div.gdnimgs img {width:48%; margin-bottom:1em;}
}

@media (max-width: 700px) {
    /*header div.inrmaxwdth {grid-template-columns:minmax(200px, 2fr) 1fr;}*/
    section, footer {padding:1.8em 1em;}
    div.logo {text-align:right; display:none;}
    div.right-section {grid-column:1 / -1;}
    ul.menulinks {float:none; border:0; padding-left:0; display:flex; justify-content:space-between;}
    ul.menulinks li {display:inline-block; padding:0 10px; text-wrap:pretty; text-align:center;}
    ul.menulinks li a span {display:none;}
    form#contact-form fieldset input[type=text], form#contact-form fieldset input[type=email], form#contact-form fieldset textarea {width:100%;}
    ul.ftrlinks li a span {display:none;}
    a.mailto {font-size:1.3em;}
    form#contact-form fieldset input[type=number] {width:75%;}
}

@media (max-width: 600px) {
    div.gdnimgs img {width:98%;}
}