/*Block Heights*/

.full-height {
    display: flex;
    min-height: 100vh;
    flex-direction: column;
    justify-content: space-between;
    
}
.wp-site-blocks {
  padding:0px;
}

html,
body {
	overflow-x: hidden;
	width: 100%;
}

/*Link Formatting*/

a {
    text-decoration: none;
    outline: none !important;
}

button {
    outline: none !important;
}

/*Lead Image, Text & Separator*/

img.wp-image-28 {
	width: 100%;
	max-width: 1200px;
	max-height: 64vh; /* Adjust as needed */
	object-fit: cover;
	object-position: bottom;
}
.top-separator {
	width: auto;
	min-width: 450px;
	max-width: 50vw;
	height: 1px;
}
.lead-text {
	max-width: 1200px !important;
}

.line {
    flex-grow: 1;
    //min-width: 300px;
    height: 1px; 
    position: relative;
}

/*Force Font Numbers Inline*/

body {
    font-variant-numeric: lining-nums !important;
}

/*Header Stuff*/

.topMenu a {
    font-weight: 600 !important;
}
.topMenu a:hover {
    color: #83a05f !important;
}

.site-header, .mobile-header {
    position: fixed;
    width: 100vw !important;
    top: 0;
    left: 0;
    right: 0;
    z-index: 999;

    -webkit-transition: padding 0.3s;
    -moz-transition: padding 0.3s;
    -ms-transition: padding 0.3s;
    -o-transition: padding 0.3s;
    transition: padding 0.3s;
}

.big {
    padding-top: 18px !important;
    padding-bottom: 18px !important;
}

.little {
    padding-top: 12px !important;
    padding-bottom: 12px !important;
    background-image: url('https://horserivergreen.co.uk/wp-content/uploads/2025/02/Background-Tile-1.jpg');
    background-color: #E2E5CB;
}

/*Header Changes on Scroll*/

.underline.active a {
    color: var(--maincolour) !important;
}
/* Show big logo by default */
.site-logo-mini {
    display: none;
}

/* When header shrinks */
.site-header.little .site-logo {
    display: none;
}

.site-header.little .site-logo-mini {
    display: inline-block;
}
.logo-big,
.logo-small {
    transition: opacity 3.3s ease !important;
}


/*Header Underlinings*/

 .underline {
     position: relative;
     text-decoration: none;
     padding-bottom: 3px !important;
 }

 .underline:before {
     content: "";
     position: absolute;
     width: 0;
     height: 2px;
     bottom: 0;
     left: 0;
     background-color: var(--maincolour);
     visibility: hidden;
     transition: all 0.3s ease-in-out;
 }

 .underline:hover:before {
     visibility: visible;
     width: 100%;
 }

 .underline.active {
     opacity: 1;
     color: var(--maincolour) !important;
 }
 :root {
     --maincolour: #83a05f;
 }

/* Gallery */

div[data-gallery-id="1ab83687"] .pgcsimplygalleryblock-grid-item-inner.action-lightbox {
    cursor: pointer !important;
}

/* Blog Post Layout */

.post-image-col:empty {
    display: none;
}

.post-image-col:empty+.post-text-col {
    flex-basis: 100% !important;
    padding-left: 0 !important;
}

.blog-post a {
    font-family: inherit !important;
}

/* Blog  Pagination */

.pagi {
    position: relative !important;
    /* Make parent relative */
    display: grid !important;
    grid-template-columns: auto 1fr auto !important;
    /* Create three columns */
    align-items: center !important;
    /* Vertically align items */
}

.pagi-prev {
    grid-column: 1 !important;
}

.pagi-numb {
    position: absolute !important;
    /* Make numbers absolute */
    left: 50% !important;
    /* Center horizontally */
    transform: translateX(-50%) !important;
    /* Fine-tune centering */
    text-align: center !important;
    width: max-content !important;
}

.pagi-next {
    grid-column: 3 !important;
}

/* Footer */

.footer {
    margin-top: -1px;
}

/*

.footerImg {
    position: absolute !important;
    bottom: 120px !important;
    margin-top: auto !important;
}
*/


/* Mobile Changes */

.site-logo { min-width: 250px ; }
.mobile-header { 
    background-image: url('https://horserivergreen.co.uk/wp-content/uploads/2025/02/Background-Tile-1.jpg');
    background-color: #E2E5CB;
    padding-top: 10px;
    padding-bottom: 10px;
}
.mobile-header a {
    font-size: 1rem !important;
    font-weight: 600 !important;
}
.wp-block-navigation__responsive-container-close{
    padding-top: 10px;
    font-size: 1rem !important;
    font-weight: 600 !important;
}


@media (max-width: 999px) { /* Adjust breakpoint as needed */
    .desktop-header { display: none !important; }
    .mobile-header { display: block !important; }
    
    .site-logo {padding-bottom: 35px;}
    h2 { font-size: 1.7em; white-space: nowrap;}
    .top-padder { height: 160px !important; }
    .blog-post {padding-left: 15px; padding-right: 15px;}
    .post-text-col {padding-left: 0px !important;}
    .wp-block-post-featured-image {padding-bottom: 20px;}
    .contact a { font-size: 6.5vw !important;}
    .contact-address {flex-direction: column; gap: 0px; padding-top: 15px;}
}

@media (min-width: 1000px) {
    .desktop-header { display: block !important; }
    .mobile-header { display: none !important; }
}