.main-navigation {

	padding-left:0em;
	padding-right:0em;
opacity: 100%;
alignment-adjust right;
		background: white;
	font-size:22px;
}
/* Force Sydney Pro to render FooGallery pagination dots */
.sydney-hero-area + .main-content .foogallery, 
.page-wrap .foogallery,
.foogallery-container {
    margin-bottom: 50px !important; /* Creates buffer space for dots */
}

.page-404 .widget_search {
    display: none;
}

/* Left-align the details text instead of justified */
.single-attachment .teacosy-attachment-details {
    text-align: left;
}

/* Bigger font on the details paragraphs */
.teacosy-print-details {
    font-size: 1.2rem;
}

/* Push the search box further down from the content above it */
.teacosy-search-slot {
    margin-top: 14em;
}

/* Give the print link its own colour/underline */
.teacosy-details-footer a {
    color: #b5651d;
    text-decoration: underline;
}
.search-header {
	    font-family:"aptos-mono"
	 margin-top: clamp(700px, 4vw, 556px);
      margin-left: 0px;
	    margin-bottom:-10%;
      font-size: 1.5rem;
      font-weight: bold;
      color: rgba(0, 0, 0, 0.1); /* Light opacity so it doesn't overpower */
	opacity:0%;
      z-index: -1;               /* Lowest layer number */
      user-select: none;         /* Keeps it un-selectable */
	overflow:hidden;
	max-width:480px;
	
}


.my-results-header{
	font-family:"aptos-mono";
		font-size:1.2rem;
	color:darkblue;
	opacity: 100%;
		margin-bottom:0px;
text-align:center;
	margin-top: clamp(71px, 5vw, 296px);
	padding-top: clamp(20px, 2vw, 256px);
 display: grid;
  place-items: center;
text-align:center;
}
.my-results{

text-align:center;
 display: grid;
  place-items: center;
  border: 0px solid black;
	padding-top: clamp(20px, 2vw, 256px);
  padding-bottom: clamp(15px, 8vw, 60px);
padding-left: clamp(0px, 3vw,30%);

}


.fg-paging-dots, .fg-paging-dots * {
    display: inline-block !important;
    visibility: visible !important;
    opacity: 1 !important;
    height: auto !important;
    z-index: 9999 !important;
}


.my-pic {
    background-color: #f4f4f4;
    border: 2px solid #333;
    padding: 20px;
    border-radius: 8px;
}

/* Change default carousel/slider arrow color */
.fg-carousel-next .fg-icon, .fg-carousel-prev .fg-icon {
    color: black;
}

.foogallery.fg-caption-always .fg-item.fg-loaded .fg-caption {
    background-color: rgba(205, 216, 212);

}

* Background for the caption container */
.foogallery:not(.fg-preset) .fg-caption {
  background-color: #F5EBC1  !important;
  padding: 1px; /* optional: keep your spacing */
}

/* Text colour for the caption bits */
.foogallery:not(.fg-preset) .fg-caption-title,
.foogallery:not(.fg-preset) .fg-caption-desc {
  color: black ;
		font-size:.9em;
	line-height:/.6em !important;
	font-family: aptos-mono;


}

.fg-caption-inner { padding: 0px 0px;
opacity:transparent;}

ul li a{
font-family: "Aptos", Lato, sans-serif; 
	text-shadow: 0px 0px 0px gray;
	font-kerning: normal;
	
}

body { overflow-x: hidden; 

font-kerning: normal;}

.container
{
    -webkit-transform: translate3d(0,0,0);
}

.container {
   position: relative;
   left: calc((100vw - 100%) / 2);
}


.nav-menu {
	
	background-color: rgba(0, 0, 0, 0);
		font-size:22px;
	
}
.sydney-svg-icon {
    width: 3.5vw;
    height: 3.7vw;
}

.sydney-svg-icon svg {
    max-height: 23px;
}
.sydney-hero-area {
    display: flex;
    justify-content: right;    
}



.sydney-hero-area .slide-inner {
    position: absolute;
    top: calc(49% + 3px);
		left: calc(-22% + 116px);

}



	

    .sydney-hero-area .slide-inner {
        top: calc(77%);
			left: calc(-13%);
    }


}
.mylogoimg {float:left;
	display:inline-block;
	padding-right:20%;

}

.pmpro_btn, .pmpro_btn:link
{
color:black!important;
	box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
vertical-align:middle!important;
padding-right: 1px;
padding-left: 1px;
padding-bottom:4px;
align-content:bottom;
width: 100%;
float:left;
font-size:2.1emm;
font-weight:bold;
overflow-wrap:break-word;
word-break:keep-all;
	border:2px solid gray;
}

.pmpro_btn:hover, a.pmpro_btn:hover{
	color:green!important;
	border:2px solid gray;
box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);}

.myredfield
{
width:250px;	
	
}
.mytextarea
{
	max-height: 370px;
	min-height: 270px;
	
}

.myfooter
{
	font-size: .7em;
	line-height: .8;
	color:black;

	
}

.myentryform
{
	font-size:12px;
	color: black;
	line-height: 1.3;

margin: 1% auto 1% !important;
width: 100% !important;

	
}

/* --- 2024 Entries page (ID 14452): pull heading close to top of page, all breakpoints --- */
.elementor-14452 > .elementor-element:first-child {
    margin-top: 1% !important;
    padding-top: 1% !important;
}

/* --- Attachment "Details" page: container now capped at 900px (was
   full-width, but that made the now-crisp full-resolution image look
   oversized/edge-to-edge on wide desktops). Text containers (details +
   footer) stay separately capped at 450px and centred, same as before.
   Change the 900px number below to taste — it's a plain max-width. --- */
.single-attachment .teacosy-attachment-page-box {
    max-width: 450px;
    width: 100%;
    margin: 0 auto;
    box-sizing: border-box;
	padding-bottom:0px;
}

.single-attachment .teacosy-image-container {
    width: 100%;
    position: relative; /* so the close button can anchor to this box on larger screens too */
}

.single-attachment .teacosy-image-container img {
    width: 100% !important;
    height: auto !important;
    max-width: 100% !important;
    display: block;
    margin: 0 auto;
}

.single-attachment .teacosy-attachment-details {
    max-width: 450px;
    margin: 0 auto;
    text-align: justify;
}

.single-attachment .teacosy-details-footer {
    max-width: 450px;
    margin: 0 auto;
    text-align: center;
}

/* --- All search slots (Results page + Details page): centred at the
   bottom, capped to 450px on desktop, fitting any mobile screen --- */
.teacosy-search-slot {
    max-width: 450px;
    width: 100%;
    margin: 2em auto 0;
    text-align: center;
    box-sizing: border-box;
}

/* --- Reduce the top gap on the Details and Search Results pages only.
   BEST-EFFORT: I can't visually inspect the live page, so this targets
   Sydney Pro's known page-banner/hero area (.sydney-hero-area, already
   used elsewhere in this file) plus the general content wrapper. If this
   doesn't fully close the gap, tell me and I'll refine it with the exact
   element you're seeing it on. --- */
.single-attachment .sydney-hero-area,
.search-results .sydney-hero-area,
.search-no-results .sydney-hero-area {
    min-height: 0 !important;
    height: auto !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.single-attachment #content,
.single-attachment .site-content,
.single-attachment .content-area,
.search-results #content,
.search-results .site-content,
.search-results .content-area,
.search-no-results #content,
.search-no-results .site-content,
.search-no-results .content-area {
    padding-top: 0 !important;
    margin-top: 0 !important;
}

/* --- Search results thumbnails: explicit SMALL display width.
   Optimole's adaptive resizing serves images based on their actual
   rendered CSS size — the Details page image now bypasses that (via the
   optimole-lazy-only class), but search results should stay small, so
   we give Optimole a genuinely small target to adapt to here.
   BEST-EFFORT SELECTOR: I couldn't extract the raw thumbnail class name
   from a static page fetch (likely JS/lazy-loaded), so this targets the
   common WordPress-generated classes for attachment posts in a loop. If
   it doesn't take effect, right-click the thumbnail → Inspect in your
   browser and send me the actual class you see there. --- */
.search-results .attachment img,
.search-results article.attachment img,
.search-results .type-attachment img,
.search-no-results .attachment img,
.search-no-results article.attachment img,
.search-no-results .type-attachment img {
    width: 150px !important;
    height: auto !important;
    max-width: 150px !important;
}

/* --- "Back to Search" link: top-left, both the Details page and the
   Search Results page. --- */
.teacosy-back-link {
    text-align: left;
    margin: 0 0 1em 0;
}
.teacosy-back-link a {
    font-weight: bold;
    text-decoration: none;
}
.teacosy-back-link a:hover {
    text-decoration: underline;
}

/* --- Close (×) button for the Details page zoom feature. Always
   visible (see note in the PHP file re: not knowing the "zoomed" CSS
   class), fixed to the top-right corner so it stays reachable whether
   zoomed in or not. --- */
.teacosy-zoom-close {
    position: fixed;
    top: 15px;
    right: 15px;
    z-index: 99999;
    background: rgba(0, 0, 0, 0.65);
    color: #fff;
    border: none;
    border-radius: 50%;
    width: 42px;
    height: 42px;
    font-size: 26px;
    line-height: 1;
    cursor: pointer;
}
.teacosy-zoom-close:hover {
    background: rgba(0, 0, 0, 0.85);
}