/* /////////////////////////////////////////////////////////////////////
//  Your CSS
/////////////////////////////////////////////////////////////////////*/

<!-- Begin Inspectlet Asynchronous Code -->
<script type="text/javascript">
(function() {
window.__insp = window.__insp || [];
__insp.push(['wid', 1467717425]);
var ldinsp = function(){
if(typeof window.__inspld != "undefined") return; window.__inspld = 1; var insp = document.createElement('script'); insp.type = 'text/javascript'; insp.async = true; insp.id = "inspsync"; insp.src = ('https:' == document.location.protocol ? 'https' : 'http') + '://cdn.inspectlet.com/inspectlet.js?wid=1467717425&r=' + Math.floor(new Date().getTime()/3600000); var x = document.getElementsByTagName('script')[0]; x.parentNode.insertBefore(insp, x); };
setTimeout(ldinsp, 0);
})();
</script>
<!-- End Inspectlet Asynchronous Code -->
#nav-toggle {
background-colour:transparent !important;
}

/* SIMPLE MODE CSS EDITOR */
/* This css code is auto generated by the simple css editor.
Any changes you make in this auto generated section will be over written if the simple editor is used again */
body,.mainPageContent,#qby-body{
background-color:#fafaf5;
}
#pgContent,#pageWidth{
background-color:#fafaf5;
}
#pgNavigation{
background-color:#fafaf5;
border-bottom: solid 1px #fafaf5;
}
h1,.editEventTitle{
color:#001F3F;font-size:1.5em;line-height:2.1em;font-family:"modern",serif;
}
#galleryTitle,.galleryTitles,.galleryTitles2{
background-color:#fafaf5;color:#001F3F;font-size:1em;line-height:1.4em;font-family:"modern",serif;
}
#albumTitle,.albumTitles{
background-color:#080008;color:#001F3F;font-size:1em;line-height:1.4em;font-family:"modern",serif;
}
#nav-pg li a:hover,a:hover{
color:#B59410;
}
p,.catheader,.cat_title,.cat_subtitle,.collectionheader,.collection_title,.collection_subtitle{
color:#B59410;font-size:1.1em;line-height:2.1em;font-family:"Modern",serif;
}
#nav-pg ul li,#nav-pg ul li a{
color:#001F3F;font-size:1.1em;line-height:1.19em;font-family:"modern",serif;
}
li.item29.current a{
border-bottom:1px solid #;
}
#pgGallery{
background-color:#fafaf5;
}
#pgAlbum{
background-color:#fafaf5;
}
input [type="submit"],.submitButton,.buttonYel1{
background-color: #353535;
color:#B59410;
}
h2,h3,h4,h5,h6{
color: #000000;
}
#galleryTitle {
font-weight: 400;
}
a {
color: #001F3F;
}
#pgLogo {
padding:15px;
padding-top:30px;
height:160px;
}
#isPageHeader {
margin-top: 15px;
}
#galleryTitle {
margin: 2px 0;
}
h2 {
color:#fafaf5;
font-size: 1.1em;
color:#B59410;
font-family: 'Modern';
}
p {
line-height: 1.5em;
color: #001F3F;
font-weight: 300;
font-size: 1.1em;
font-family: 'Modern';
}
#nav-pg ul li a {
font-size:0.9em;
}
h1 {
text-align: center;
font-size: 30pt;
letter-spacing: 2px;
font-family: 'Modern';
text-transform: none;
padding-bottom: 5px;
}
.blogSidePannel {
background-color: #fafaf5;
}
.blogSidePannel .title h2 {
color:#fafaf5;
}

@media (max-width: 768px) {
    #nav-toggle {
  background-color: transparent !important;
}
#pgLogo { 
height: 105px;
padding-top: 45px;
}
}

@media only screen and (max-width: 480px) {
  .list-view-mobile {
    display: flex;
    overflow-x: auto;
    gap: 10px; /* spacing between items */
  }

  .list-view-mobile > * {
    flex: 0 0 auto;
    width: 70%; /* or whatever works for the slide size */
  }
}
/* Target the slideshow container */
.slideshow-wrapper {
  display: flex;              /* Makes slides sit side by side */
  overflow-x: auto;           /* Enables horizontal scrolling */
  scroll-snap-type: x mandatory; /* Optional: snap to slides */
  -webkit-overflow-scrolling: touch; /* Smooth scrolling on iOS */
}

/* Each slide */
.slideshow-wrapper .slide {
  flex: 0 0 100%;             /* Each slide takes full width */
  scroll-snap-align: start;   /* Optional: aligns on scroll */
}

  .slideshow-wrapper{
    display:flex;
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
    scroll-snap-type:x mandatory;
    scrollbar-width:none;                 /* hide native so we don't get two bars */
  }
  .slideshow-wrapper::-webkit-scrollbar{ display:none; }

  .slideshow-scrollbar{
    position:relative;
    height:6px;
    margin-top:10px;
    background:rgba(0,0,0,.08);
    border-radius:999px;
    overflow:hidden;
  }
  .slideshow-scrollbar__thumb{
    height:100%;
    width:24px;                           /* will be set by JS */
    border-radius:inherit;
    background:rgba(0,0,0,.35);
    transform:translateX(0);
    will-change:transform,width;
    transition:width .2s;
  }
}