@charset "utf-8";
/* CSS Document */

/* =========================================
   SERVICE GRID CONTAINERS
   ========================================= */
h2.services {text-align: center; font-size:3em;font-style: italic; padding:15px 0px 0px 10px;}
h3 {font-size:1.8em;text-align: center;font-style: italic;}
p {padding:0px 10px 0px 15px;}
li {font-size:110%; margin-bottom:6px;padding-left:7px;}
ul {list-style-type:square;}
ul ul {list-style-type:disc;}
ul ul ul {list-style-type:none;}

.button {border-radius:10px;border: 0px solid #ccc;}
.button:hover {transform: scale(1.02); box-shadow:10px 10px 5px 5px darkgrey;}
.imgbutton {border-radius: 10px;border: 0px solid #ccc;}

/* Unified Responsive Image Rule */
.serAimg, .serBimg, .serCimg, .serDimg, .serEimg, .serFimg { width: 100%; max-width: 100%; height: auto; }

#servContainer {
  clear: both;
  display: grid;
  grid-gap: 30px;
  padding: 15px 10% 25px 10%;
  background-color: #F3F3F3;
}
#servContainer > div {
  background-color: #fff;
  padding-top: 15px;
  text-align: center;
  box-sizing: border-box;
}

/* =========================================
   FOOTER (SITE INFO)
   ========================================= */
#siteInfo {padding:0;background-color:#000;color: #fff;font-size: 16px;}
#siteInfo a:link, #siteInfo a:visited {color:#fff;text-decoration:none;}
#siteInfo a:hover {color:aquamarine;}
#siteInfo > div {text-align: center;padding: 0;}
#siteInfo div.siteA {margin: 0;background-color:#000;padding-top:15px;border-bottom: 2px solid #414141;box-sizing: border-box;width:100%;}
.siteFlex {display:flex;flex:100%;flex-wrap: wrap;box-sizing: border-box;}
#siteInfo div.siteB {flex:100%;padding-top: 20px; margin: 0;max-width:100%;background-color:#000;text-align: center;border-bottom: 2px solid #414141;box-sizing: border-box;}
#siteInfo div.siteC {flex:50%; box-sizing: border-box;max-width:100%;background-color:#000;margin-right: 1%;margin-left: 1%;}
#siteInfo img.siteB {max-width:100%;height:auto;}
#siteInfo p.siteCfr, #siteInfo p.siteCfl {text-align:center;}
#siteInfo .addr {text-align: center;font-size: 16px;}
.siteB, .siteC {flex: 100%;}

/* =========================================
   YOUTUBE LITE-EMBED
   ========================================= */
.youtube { position: relative; max-width: 100%;width:auto;}
.youtube {width: 100%; max-width: 800px; margin: 0 auto; aspect-ratio: 800 / 533; display: block; overflow: hidden; border-radius: 10px;}
.youtube lite-youtube {width: 100% !important; height: 100% !important; max-width: 100% !important; pointer-events: none;}
.youtube lite-youtube > iframe {width: 100%; height: 100%; position: absolute; top: 0; left: 0;}
lite-youtube {background-color: #000;position: relative;display: block;contain: content;background-position: center center;background-size: cover;cursor: pointer;max-width: unset;}
lite-youtube::before {content: attr(data-title);display: block;position: absolute;top: 0;background-image: linear-gradient(180deg, rgb(0 0 0 / 67%) 0%, rgb(0 0 0 / 54%) 14%, rgb(0 0 0 / 15%) 54%, rgb(0 0 0 / 5%) 72%, rgb(0 0 0 / 0%) 94%);height: 99px;width: 100%;font-family: "YouTube Noto",Roboto,Arial,Helvetica,sans-serif;color: hsl(0deg 0% 93.33%);text-shadow: 0 0 2px rgba(0,0,0,.5);font-size: 18px;padding: 25px 20px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;box-sizing: border-box;}
lite-youtube:hover::before {color: white;}
lite-youtube > iframe {width: 100%;height: 100%;position: absolute;top: 0;left: 0;border: 0;}
lite-youtube > .lyt-playbtn {display: block;width: 100%;height: 100%;background: no-repeat center/68px 48px;background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 68 48"><path d="M66.52 7.74c-.78-2.93-2.49-5.41-5.42-6.19C55.79.13 34 0 34 0S12.21.13 6.9 1.55c-2.93.78-4.63 3.26-5.42 6.19C.06 13.05 0 24 0 24s.06 10.95 1.48 16.26c.78 2.93 2.49 5.41 5.42 6.19C12.21 47.87 34 48 34 48s21.79-.13 27.1-1.55c2.93-.78 4.64-3.26 5.42-6.19C67.94 34.95 68 24 68 24s-.06-10.95-1.48-16.26z" fill="red"/><path d="M45 24 27 14v20" fill="white"/></svg>'); position: absolute;cursor: pointer;z-index: 1;filter: grayscale(100%);transition: filter .1s cubic-bezier(0, 0, 0.2, 1);border: 0;}
lite-youtube:hover > .lyt-playbtn,lite-youtube .lyt-playbtn:focus {filter: none;}
lite-youtube.lyt-activated {cursor: unset;}
lite-youtube.lyt-activated::before, lite-youtube.lyt-activated > .lyt-playbtn {opacity: 0;pointer-events: none;}
.lyt-visually-hidden {clip: rect(0 0 0 0);clip-path: inset(50%);height: 1px;overflow: hidden;position: absolute;white-space: nowrap;width: 1px;}
lite-youtube.gif-mode > .lyt-playbtn {display: none !important;}
lite-youtube.gif-mode::before {display: none !important;}

/* =========================================
   NON-CRITICAL MEDIA QUERIES (Grid Layouts)
   ========================================= */
@media only screen and (min-width:300px) and (max-width:469px) {
  #servContainer {grid-template-columns: 1fr;}
  #servContainer p {font-size: 18px;}
  #siteInfo h3.siteA {font-size:2em;}
  #siteInfo h3.siteC {font-size:1.5em;}
  #siteInfo p.siteA {font-size:1.3em;}
  #siteInfo p.siteC {font-size:1em;}
}

@media only screen and (min-width:470px) and (max-width:799px) {
  #servContainer {grid-template-columns: repeat(2, 1fr);}
  #servContainer p {font-size: 20px;}
  #siteInfo div.siteB {margin-right: 10%;margin-left: 10%;}
  #siteInfo div.siteC {margin-right:0;margin-left: 0;}
  #siteInfo h3.siteA {font-size:2em;}
  #siteInfo h3.siteC {font-size:1.5em;}
  #siteInfo p.siteA {font-size:1.3em;}
  #siteInfo p.siteC {font-size:1em;}
}

@media only screen and (min-width:800px) {
  #servContainer {grid-template-columns: repeat(3, 1fr);}
  #servContainer p {font-size: 22px;}
  #siteInfo div.siteB {margin-right: 10%;margin-left: 10%;text-align: left;}
  #siteInfo div.siteC {margin-right: 10%;margin-left: 10%;}
  #siteInfo div.siteD {max-width: 100%;padding:15px 16% 0 0;border: 2px solid #ccc;}
  #siteInfo div.siteE {grid-area: 2 / 2 / span 1 / span 1;margin: 0;max-width: 500px;background-color:#ccc;padding-top:15px;}
  #siteInfo h3.siteA {font-size:2.2em;}
  #siteInfo h3.siteC {font-size:1.7em;}
  #siteInfo p.siteA {font-size:1.4em;}
  #siteInfo p.siteC {font-size:1.2em;}
  #siteInfo .siteBimg {float: left;}
  #siteInfo p.siteCfr {float:right;text-align:left;}
  #siteInfo p.siteCfl {float:left;text-align:left;}
  #siteInfo .addr {text-align: right;}
}

/* =========================================
   PRINT STYLES
   ========================================= */
@media print {
  @page{ size:8.5in 11in; margin: 2cm;}
  body {background-color:#fff;color:#000;font-family:"Times New Roman", Times, Serif;font-size:14pt;text-align:left;}
  table {width:100%;page-break-inside:avoid;}
  h1, h2, h3 {font-family:Garamond, Arial, sans-serif;}
  #masthead, .smg-logo, #siteInfo, .navBar, .youtube, div.floating-menu, .center, .fbT, .fb {display:none;}
}