/*
Theme Name: CHMF ANM
Theme URI: 
Author: Wozza
Author URI: 
Description: A simple theme for A Night on the Mountain
Requires at least: 7.1
Tested up to: 7.1
Requires PHP: 5.7
Version: 
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Template: twentytwentyfive
Text Domain: chmf-anm
Tags: 
*/


/*change the humburger*/
/* Size of the hamburger / close icon */
.wp-block-navigation__responsive-container-open svg,
.wp-block-navigation__responsive-container-close svg {
  width: 150px;   /* change as needed */
  height: 32px;
}

/* Color of the icon */
.wp-block-navigation__responsive-container-open,
.wp-block-navigation__responsive-container-close {
  color: #333;   /* or any color / CSS variable */
}

/* Partial-width overlay (e.g. side drawer style) */
.wp-block-navigation__responsive-container.is-menu-open {
  width: 250px;          /* or 80%, 70vw, etc. */
  max-width: 90vw;
  left: auto;            /* slide in from the right */
  right: 0;
  bottom: 0;             /* keep full height, or change to auto */
  top: 0;
  /* optional extras */
  box-shadow: -4px 0 20px rgba(0,0,0,0.15);
  border: 1px solid #666;
  border-radius: 2px;      /* or add radius if you want */
  opacity: 0.85;      /* change the opacity */
}

/* If you want it only as tall as the content instead of full height */
.wp-block-navigation__responsive-container.is-menu-open {
  bottom: auto;
  height: auto;
  max-height: 90vh;
  overflow-y: auto;
}

@media only screen and (max-width: 600px) {
  .wp-block-media-text__media img.wp-image-100 size-full {
    width: auto !important;
    max-width: 125px !important;
  }
  .full-size {
    width: auto !important;
    max-width: 125px !important;
  }
}

.donate { 
	text-decoration: none;	
    background-color: #ffde02;
    color: #000;
    padding: 5px 10px 5px 50px;
    margin-right: 20px;
	border: 1px solid #000; 
    border-radius: 10px;
}

@media min-width: 700px and max-width: 1024px {
    /* Target the first column child inside your custom container */
    .wp-block-columns.custom-mobile-split > .wp-block-column:nth-child(1) {
        flex-basis: 52% !important;
        width: 52% !important;
    }
    
    /* Target the second column child inside your custom container */
    .wp-block-columns.custom-mobile-split > .wp-block-column:nth-child(2) {
        flex-basis: 48% !important;
        width: 48% !important;
    }
	.donate { 
		padding: 5px 10px 5px 10px !important;
		margin-right: 10px !important;
		white-space: nowrap !important;
	}
}

.donate:hover { 	
    background-color: #FFEB64;
    color: #9C8800;
}

/*Change the background image and opacity for page*/
/* Custom Builds */
body.page-id-46 {
  background-image: url("https://anm.crazyhorsememorial.org/wp-content/uploads/background.jpg");
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
  background-attachment: fixed; /* optional parallax-like effect */
  /*opacity: 20%;*/
}

body.page-id-46::before {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.85); 
  z-index: -1;
  pointer-events: none;
}

/* Data */
body.page-id-34 {
  background-image: url("https://anm.crazyhorsememorial.org/wp-content/uploads/data_background.jpg");
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
  background-attachment: fixed; /* optional parallax-like effect */
  /*opacity: 20%;*/
}

body.page-id-34::before {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.85); 
  z-index: -1;
  pointer-events: none;
}

/* Surveying Whats the Point */
body.page-id-12 {
  background-image: url("https://anm.crazyhorsememorial.org/wp-content/uploads/surveying_background-1.jpg");
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
  background-attachment: fixed; /* optional parallax-like effect */
  /*opacity: 20%;*/
}

body.page-id-12::before {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.85);
  z-index: -1;
  pointer-events: none;
}

/* Ropes */
body.page-id-43 {
  background-image: url("https://anm.crazyhorsememorial.org/wp-content/uploads/ropes_background.jpg");
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
  background-attachment: fixed; /* optional parallax-like effect */
  /*opacity: 20%;*/
}

body.page-id-43::before {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.85); 
  z-index: -1;
  pointer-events: none;
}

/* Repairs */
body.page-id-37 {
  background-image: url("https://anm.crazyhorsememorial.org/wp-content/uploads/repairs_background.jpg");
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
  background-attachment: fixed; /* optional parallax-like effect */
  /*opacity: 20%;*/
}

body.page-id-37::before {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.85);
  z-index: -1;
  pointer-events: none;
}

/* Humble Beginnings */
body.page-id-26	 {
  background-image: url("https://anm.crazyhorsememorial.org/wp-content/uploads/beginnings_background.jpg");
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
  background-attachment: fixed; /* optional parallax-like effect */
  /*opacity: 20%;*/
}

body.page-id-26::before {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.85); 
  z-index: -1;
  pointer-events: none;
}

/* Pointing */
body.page-id-31	 {
  background-image: url("https://anm.crazyhorsememorial.org/wp-content/uploads/surveying_background.jpg");
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
  background-attachment: fixed; /* optional parallax-like effect */
  /*opacity: 20%;*/
}

body.page-id-31::before {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.85); 
  z-index: -1;
  pointer-events: none;
}

/* Front Page */
body.page-id-7	 {
  background-image: url("https://anm.crazyhorsememorial.org/wp-content/uploads/crazy-horse-background.jpg");
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
  background-attachment: fixed; /* optional parallax-like effect */
  /*opacity: 20%;*/
}

body.page-id-7::before {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.85); 
  z-index: -1;
  pointer-events: none;
}

/* Bulking Up */
body.page-id-15	 {
  background-image: url("https://anm.crazyhorsememorial.org/wp-content/uploads/bulking-up-background.jpg");
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
  background-attachment: fixed; /* optional parallax-like effect */
  /*opacity: 20%;*/
}

body.page-id-15::before {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.85); 
  z-index: -1;
  pointer-events: none;
}

/* Robot */
body.page-id-28	 {
  background-image: url("https://anm.crazyhorsememorial.org/wp-content/uploads/robot-background.jpg");
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
  background-attachment: fixed; /* optional parallax-like effect */
  /*opacity: 20%;*/
}

body.page-id-28::before {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.85); /* black at 40% opacity – adjust as needed */
  z-index: -1;
  pointer-events: none;
}

/* Nail Art */
body.page-id-78	 {
  background-image: url("https://anm.crazyhorsememorial.org/wp-content/uploads/nail-art-background.jpg");
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
  background-attachment: fixed; /* optional parallax-like effect */
  /*opacity: 20%;*/
}

body.page-id-78::before {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.85); /* black at 40% opacity – adjust as needed */
  z-index: -1;
  pointer-events: none;
}

/* Base */
body.page-id-17	 {
  background-image: url("https://anm.crazyhorsememorial.org/wp-content/uploads/base-background.jpg");
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
  background-attachment: fixed; /* optional parallax-like effect */
  /*opacity: 20%;*/
}

body.page-id-17::before {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.85); /* black at 40% opacity – adjust as needed */
  z-index: -1;
  pointer-events: none;
}