/*
Theme Name: AtTheEdge
Theme URI: https://www.dancing-dog.co.uk
Author: Neil Wakeling
Author URI: https://www.dancing-dog.co.uk
Description: Custom theme for Lynx to Scotland
Requires at least: 6.7
Tested up to: 6.9
Requires PHP: 7.4
Version: 1.00
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: ate
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready, wide-blocks, block-styles, style-variations, accessibility-ready, blog, portfolio, news
*/

/*
 * IMPORTANT: This file is only served on the frontend when `SCRIPT_DEBUG` is enabled;
 * in most instances, the `style.min.css` file will be served. It is not recommended that you
 * use the Theme File Editor to modify this stylesheet. Instead, add the necessary style
 * overrides via "Additional CSS" in the Site Editor.
 */

/*
 * Link styles
 * https://github.com/WordPress/gutenberg/issues/42319
 */
 body, html {
	font-family: figtree, sans-serif;
font-weight: 300;
font-style: normal;
 }

 h1,h2,h3,h4,h5,h6 {
	font-family: figtree, sans-serif;
font-style: normal;
 }

a {
	text-decoration-thickness: 0px !important;
	text-underline-offset: .1em;
	text-decoration: none;
}

em {
	font-style: italic;
}

strong, p strong, .wp-block-button__link {
	font-weight:500;
}

.text-wrap-balance{
    text-wrap:balance;
}

/* Focus styles */
:where(.wp-site-blocks *:focus) {
	outline-width:0px;
	outline-style: solid;
}

.no-link a{
    cursor: unset;
}
.vertical-align-middle img{
    vertical-align: middle;
}

/* Increase the bottom margin on submenus, so that the outline is visible. */
.wp-block-navigation .wp-block-navigation-submenu .wp-block-navigation-item:not(:last-child) {
	margin-bottom: 3px;
}

/* Increase the outline offset on the parent menu items, so that the outline does not touch the text. */
.wp-block-navigation .wp-block-navigation-item .wp-block-navigation-item__content {
	outline-offset: 4px;
}

/* Remove outline offset from the submenus, otherwise the outline is visible outside the submenu container. */
.wp-block-navigation .wp-block-navigation-item ul.wp-block-navigation__submenu-container .wp-block-navigation-item__content {
	outline-offset: 0;
}

/* center the logo and split main nav around the logo apart froim home page */
nav.wp-block-navigation.is-layout-flex:not(.page-template-home-page-template nav.wp-block-navigation) {
    flex-grow:1;
}
figure.nav-logo-centred {
    position: absolute;
        left: 50%;
        transform: translateX(-50%);
    width:180px;
        z-index: 1000;
}
ul.wp-block-navigation__container:not(.page-template-home-page-template ul.wp-block-navigation__container) {
    transform: translateX(76px);
}
ul.wp-block-navigation__container li:nth-child(3):not(.page-template-home-page-template ul.wp-block-navigation__container li) {
        margin-left: 206px;
    margin-right:unset;
    }

/*
 * Progressive enhancement to reduce widows and orphans
 * https://github.com/WordPress/gutenberg/issues/55190
 */
h1, h2, h3, h4, h5, h6, blockquote, caption, figcaption, p {
	text-wrap: pretty;
}

input, textarea, select {
    border-radius: 0px;
    line-height: normal;
    border: 1px solid #d2d2d2;
    background-color: #f8f8f8;
    margin: 2px 0 8px 0;
    padding: 16px 16px;
    width: 100%;
    font-size:1.125rem;
    outline: none;
}
input.search-field {
	width:100% !important;
}

/*
 * Change the position of the more block on the front, by making it a block level element.
 * https://github.com/WordPress/gutenberg/issues/65934
*/
.more-link {
	display: block;
}

/*
 * Prevents unnecessary scrollbars while handling long lines of preformatted text.
 * https://core.trac.wordpress.org/ticket/63875
 */
:where(pre) {
	overflow-x: auto;
}

header {
    position:sticky;
    top:0;
    z-index:10000;
    transition: height 0.5s ease;
	box-shadow: 0 2px 8px 0 rgba(0,0,0, 0.2);
	height: var(--wp--preset--spacing--header-offset);
}

header.header-transparent {
    position:fixed;
    width:100%;
    box-shadow:unset;
    background-color: transparent;
}

header.scrolled {
height:61px;
}

header.scrolled figure.nav-logo-centred {
    /*width:140px */
}

.wp-container-core-group-is-layout-2d94d167 {
   transition: padding 0.5s ease;
}

header.scrolled .wp-container-core-group-is-layout-2d94d167{
    padding-top:14px!important;
    padding-bottom:18px !important;
}

header.header-transparent:after {
    position:absolute;
    display:block;
    content:'';
    width:100%;
    height:120px;
    background-color: #000000;
background: linear-gradient(180deg, rgba(0, 9, 0, 1) 0%,  rgba(0, 0, 0, 0.45) 55%, rgba(0, 0, 0, 0.021) 91%, rgba(0, 0, 0, 0.008) 95%, rgba(0, 0, 0, 0.002) 98%, rgba(0, 0, 0, 0) 100%);
  top:0;left:0;right:0;
    opacity:0.41;
    z-index:-1;
    transition: height 0.3s, opacity 0.4s, background 0.8s;
}

header.header-transparent.scrolled:after{
    height:61px;
    opacity:0.9;
    background: var(--wp--preset--color--dark-grey);
}

@media (max-width: 811px) {
    header .wp-block-group .wp-block-group .wp-block-group.is-content-justification-center {
        justify-content: flex-end;
    }
    
    .wp-block-navigation__responsive-container-close svg,
.wp-block-navigation__responsive-container-open svg {
  fill:currentColor;
  display:block;
  height:32px;
  pointer-events:none;
  width:32px
}

    .wp-container-core-group-is-layout-4588f6ca {
        /*! padding-top:0!important; */
        /*! padding-bottom:0 !important; */
    }
    
     .wp-block-navigation.items-justified-right {
  --navigation-layout-justification-setting: flex-start;
  --navigation-layout-justify: flex-start;
  }
    
    li.no-link.wp-block-navigation-link, .wp-block-navigation-item__label img {
        display:none !important;
    }
    
    .wp-block-navigation-item.wp-block-navigation-link {
        margin-bottom:16px;
    }
    
    ul.wp-block-navigation__container li:nth-child(3):not(.page-template-home-page-template ul.wp-block-navigation__container li) {
  margin-left: 0;
  margin-right: auto;
}
}

.position-relative{
	position:relative;
}

.full-height {
    min-height: calc(100vh - var(--wp--preset--spacing--header-offset)) !important;
}

.max-width-70vw {
   max-width:70vw; 
}

/* turn WP cover image back into normal image with overlay, reverting on mobile */
.view-full-image {
    aspect-ratio: unset;
  min-height: 100% !important;
    padding:0;
}

.view-full-image img.wp-block-cover__image-background {
    position:relative;
    width: 100%;
  height: auto;
  min-height: 100%;
  min-width: 100%;
}

.view-full-image .wp-block-cover__inner-container {
    position: absolute;
  width: 100%;
}

.shift-text-left p {
    margin-left:-80px;
    margin-right:80px;
}

@media (max-width:811px) {
    .view-full-image {
    aspect-ratio: unset;
  min-height: 50vh !important;
    padding: 1em;
}

.view-full-image img.wp-block-cover__image-background {
    position:absolute;
    width: 100%;
  height: 100%;
  min-height: unset;
}

.view-full-image .wp-block-cover__inner-container {
    position: relative;
}
}

.wp-block-navigation .wp-block-navigation-item.active a, .wp-block-navigation .wp-block-navigation-item.current-menu-item a {
    font-weight:600;
}

@media (max-width:787px) {
     .shift-text-left p {
    margin-left:unset;
    margin-right:unset;
}
}

.wp-block-search__button.wp-element-button {
    border-color: #dea627;
  border-width: 1px;
    border-radius:25px;
    background-color:transparent;
    color: var(--wp--preset--color--dark-grey);
    font-weight:500;
    padding: 1rem 2.25rem;
  text-decoration: none;
    line-height:1.6;
    height:100%;
}
a.wp-block-button__link:hover, .wp-block-search__button.wp-element-button:hover{
    background-color: #dea627 !important;
    color:#fff;
}

.teaser p {
    max-width: 560px
}
.teaser a:hover:not(a.wp-block-button__link) {
    text-decoration: underline;
}

.teaser .outer-stack, .teaser .wp-block-cover, .teaser .wp-block-cover__inner-container {
    height:100%;
    display:flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: stretch;
}

.teaser .wp-block-cover{
  justify-content: space-between;
}

.teaser .inner-stack {
    flex-basis:250px;
}

	.clickableblock{
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	max-width:unset;
	display:block;
	width:100%;
	margin:0 !important;
	padding:0 !important;
}

.clickableblock a  {
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	color: transparent;
    text-decoration: none;
}

.paw-prints {
    background-image: url(https://attheedge.org.uk/wp-content/uploads/2026/01/FOOTPRINTS-GREY-ANIMAL-rotated-2sets.png), url(https://attheedge.org.uk/wp-content/uploads/2026/01/FOOTPRINTS-GREY-HUMAN-rotated-2sets.png);
background-position: bottom left, top right;
    background-size:25%;
    background-repeat:no-repeat;
}
.paw-prints img.wp-block-cover__image-background{
    display:none;
}
.paw-prints .wp-block-cover__background{
    backdrop-filter: blur(16px);
  mask-image: radial-gradient(circle, rgb(0, 0, 0), rgba(0, 0, 0, 0));
    -webkit-mask-image: radial-gradient(ellipse, rgb(0, 0, 0, 0.2), rgba(0, 0, 0, 0));
    mask-size:100%;
}

/* mailerlite form */
.ml-form-embedContainer .ml-form-embedWrapper.embedForm {
  max-width: 540px !important;
  width: 100%;
}

.ml-form-embedBody.ml-form-embedBodyHorizontal.row-form{
    padding-left:0 !important;
    padding-right:0 !important;
}
.ml-form-embedWrapper {
    background-color: transparent!important;
}

.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow {
  display:flex;
    flex-direction: row;
    flex-wrap: wrap;
  float: unset !important;
}
.ml-form-formContent.horozintalForm .ml-form-horizontalRow .ml-input-horizontal {
  flex:1 1 auto;
  float: unset !important;
}
.ml-form-formContent.horozintalForm .ml-form-horizontalRow .ml-button-horizontal {
    flex:0 0 120px;
  float: unset !important;
}

@media (max-width:560px){
    .ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow {
    flex-direction: column;
}
    .ml-form-formContent.horozintalForm .ml-form-horizontalRow .ml-input-horizontal {
  flex:1 1 100%;
        width:100% !important;
        display:flex;
        flex-direction: column;
        justify-content: center;
}
    
    .ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow input {
        min-width: calc(100vw - 100px) !important;
    }
    .ml-form-formContent.horozintalForm .ml-form-horizontalRow .ml-input-horizontal .horizontal-fields {
        flex:1 1 100%;
        width:100% !important;
        margin-top:1.38rem;
        padding-right:0 !important;
    }
    
    .ml-form-formContent.horozintalForm .ml-form-horizontalRow .ml-button-horizontal {
    flex:1 1 100% !important;
        width:100% !important;
        margin-top:1.38rem;
}
    
    #mlb2-36436398.ml-form-embedContainer .ml-form-formContent.horozintalForm .ml-form-horizontalRow .ml-button-horizontal button.primary {
        width:100% !important;
    }
}

.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow input,
.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow button {
    border:2px solid  #fff !important;
    background:transparent !important;
    color:#fff !important;
}
.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow input:focus{
    background: rgba(33,33,33,0.4) !important;
}
.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow input::placeholder,
.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow input::-webkit-input-placeholder,
.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow input::-moz-placeholder,
.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow input:-moz-placeholder
{
    color:rgba(255,255,255,0.8) !important;
}

.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow input:-ms-input-placeholder
{
    color:rgba(255,255,255,0.8) !important;
}

.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow input:focus {
   border:2px solid  var(--wp--preset--color--orange) !important;
     
}

.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow input {
    min-width:150px;
}

#mlb2-36436398.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow  button.primary {
   min-width:120px !important;
    width:auto !important;
    font-weight:600 !important;
    text-transform: uppercase !important;
    background-color:transparent !important;
    color: var(--wp--preset--color--orange) !important;
    border:2px solid var(--wp--preset--color--orange) !important;
}
#mlb2-36436398.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-horizontalRow  button.primary:hover {
    background-color:var(--wp--preset--color--orange) !important;
    color: white !important;
    border:2px solid var(--wp--preset--color--orange) !important;
}

.ml-form-embedContainer .ml-form-embedWrapper .ml-form-successBody .ml-form-successContent {
    color:#fff !important;
    text-align:center !important;
}
.ml-form-embedContainer .ml-form-embedWrapper .ml-form-successBody .ml-form-successContent h4,
.ml-form-embedContainer .ml-form-embedWrapper .ml-form-successBody .ml-form-successContent p{
    color:#fff !important;
    text-align:center !important;
    font-family: figtree, sans-serif !important;
}
.ml-form-embedContainer .ml-form-embedWrapper .ml-form-successBody .ml-form-successContent p{
    font-size: 1.25rem !important;
    font-weight:300 !important;
}

#mlb2-36436398 .ml-mobileButton-horizontal button.primary {
    border:2px solid var(--wp--preset--color--orange) !important;
    background-color: var(--wp--preset--color--orange) !important;
    color:#fff !important;
    text-transform: uppercase !important;
}


footer {
    margin-block-start:0;
}
footer a {
	text-decoration: none;
}
footer .credit-link a:hover {
    text-decoration:underline;
}

@media (max-width: 811px) {
  footer .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column {
    flex-basis: 100% !important;
    text-align: center !important;
  }
}

@media (max-width: 811px) {
  .hide-on-mobile {
        display:none !important;
    }
}

/* Change the WordPress default css to a 768px media query */
@media (min-width: 811px) {
    .wp-block-navigation__responsive-container-open:not(.always-shown) {
        display: none !important;
    }
    .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
        display: block !important;
        width: 100%;
        position: relative;
        background-color: inherit;
    }
}

/* Remove the WordPress default for 600px */
@media (min-width: 600px) {
    .wp-block-navigation__responsive-container-open:not(.always-shown) {
        display: flex;
    }
    .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
        display: none;
    }
    
}