/*
Theme Name: Allotment World
Template: twentytwentyfive
Theme URI: https://allotment.ws
Author: Allotment
Author URI: https://allotment.ws
Description: A child theme for WordPress Twenty Twenty-Five theme
Version: 1.0
Requires at least: 6.4
Tested up to: 6.5.5
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: allotmentworld
Date: 200825 1756
*/


/*  removes admin bar */
html { margin-top: 0px !important;}
#wpadminbar { display: none;}
/*  end removes admin bar */

html { 
	overflow: visible;
	scroll-padding-top: 42px;
	scroll-behavior: smooth;
	height: 100vh;
}

body {
  	height: 100%; /* Ensure content takes at least the full viewport height */
	overflow-x: hidden;
	background: #143273 url("https://allotment.ws/stage/wd/wp-content/uploads/2025/08/bg-tile-161-2000.jpg") repeat center top;
}
header { background: #143273 url("https://allotment.ws/stage/wd/wp-content/uploads/2025/08/bg-header-161-60.jpg") repeat center top;}

/* Text */

.has-border h3 {
	font-weight: 700;
	font-size: 1.25rem !important;
}

.has-caps { text-transform: uppercase;}

.has-pos-relative { position: relative;}

.has-hr, .has-hr-two { position: relative;}

.has-hr::after, .has-hr-two:after {
	content: "";
	position: absolute;
	height: 1px;
	width: 3000px;
  	left: 50%;
  	margin-left: -1500px;
	/* border-top: 1px solid rgba(0, 0, 0, .75);
	border-bottom: 1px solid rgba(255, 255, 255, 0.25);*/
	box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25), 0 1px 0px rgba(255, 255, 255, 0.1);
}

.has-hr::after { bottom: -1.6rem;}

.has-hr-two:after { bottom: 17px;}

main .alignfull:nth-of-type(3) .has-hr::after {
	content: "";
	position: absolute;
	height: 1px;
	width: 100vw;
	left: 0;
	bottom: 13px;
	/* border-top: 1px solid rgba(0, 0, 0, .75);
	border-bottom: 1px solid rgba(255, 255, 255, 0.25);*/
	box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25), 0 1px 0px rgba(255, 255, 255, 0.1);
}

.mission-text span{ text-transform: uppercase;}

.home .quote p span { font-size: 0.833rem !important;}

h3.wp-block-heading { margin-top: -0.8rem !important;}

h3.wp-block-heading + p { 
	margin-top: 0!important;
	margin-right: 0 !important;
	margin-bottom: 0 !important;
	max-width: 100% !important;
}

.home .quote p span.differs {
	font-size: font-size: var(--wp--preset--font-size--xx-large) !important;
	color: rgba( 255, 255, 255, 0.25);
}

.home .wp-block-cover__inner-container {
	position: absolute;
	bottom: 0;
	left: 0;
}

.home .wp-block-cover__inner-container p { text-align: left !important;}

.has-caption { text-align: right;}

.no-bullet { list-style: none;}

/* //Text */

/* Links */

:root :where(.wp-block-site-title) { letter-spacing: 1px;}

.site-title a { 
	text-decoration: none;
	text-shadow: 0 0px 2px rgba(20, 50, 115, 1);
}
	/* Nav */
 
.wp-block-navigation .wp-block-navigation-item .wp-block-navigation-item__content {
	text-decoration: none;
	text-shadow: 0 0px 2px rgba(20, 50, 115, 1);
}

.wp-block-navigation .wp-block-navigation-item .wp-block-navigation-item__content:hover { 
	color: #fff;
	outline-offset: 0 !important;
}

.wp-block-navigation .wp-block-navigation-item .wp-block-navigation-item__content:active { 
	outline-offset: 0 !important;
}

.wp-block-navigation .wp-block-navigation-item .wp-block-navigation-item__content { outline-offset: 0 !important;}

.current-menu-item { position: relative;}

.current-menu-item:after { 
	content: "";
	position: absolute;
	width: 100%;
	height: 2px;
	background-color: rgba(255, 255, 255, 1);
	left: 0;
	bottom: -.5em;
}

.wp-block-navigation__responsive-container-open {
  	display: flex;
	flex-direction: column;
}

 html {
    --wp-admin--admin-bar--height: 0;
  }

 
	/* // Nav /*

/* // Links */

/* Images */

.wp-block-video [poster] { object-fit: cover;}

.media-overlay { background-color: #000 !important;}

.figcaption { font-size: var(--wp--preset--font-size--xxx-small) !important;}

.wp-block-image :where(figcaption) {
	font-size: var(--wp--preset--font-size--xxx-small) !important;
  	margin-bottom: 0 !important;
  	margin-top: .4rem !important;
	padding: 0 0.4em;
}

.has-bg { 
	background-image: url("http://world-demolition.local/wp-content/uploads/2025/07/bones4-500-360.gif");
	background-repeat: no-repeat;
	background-position: 270px 240px;
}

.card .wp-block-cover .wp-block-cover__image-background { object-fit: contain;}

/* // Images */

/* Graphics */

.has-border {
	border: 1px solid rgba(0, 0, 0, 1);
	box-shadow: 0 0 1px rgba(255, 255, 255, 1);
	background-color: #2B2A33;
	padding-bottom: 1em !important;
	max-width: 575px;
}

/* //Graphics */

.wp-container-1::before, footer .has-pos-relative::before {
	content: 'We Cannot Stop Ourselves!';
	color:#fff;
	text-transform: uppercase;
	position: absolute;
  	z-index: 100;
  	width: max-content;
	height: fit-content;
  	background-color: #ff0000;
	box-shadow: 4px 5px 3px rgba(0, 0, 0, 0.5);
  	padding: 0 0.8em 0.2em 0.8em;
	transform: rotate(-5deg);
	inset: 0;
	margin: auto;
}

.wp-container-1::before { margin-top: 43px;}

footer .has-pos-relative::before { margin-top: 82px;}

.bubble { 
	position: absolute;
	width: 200px;
  	inset: 0;
  	margin: auto;
  	margin-top: -153px;
  	margin-left: 64px;
	z-index: 0;
	animation-name: bubbliing;
  	animation-duration: 3.5s;
  	animation-iteration-count: infinite;
	animation-fill-mode: forwards;
	animation-timing-function: ease-in-out;
	animation-delay: 2s;	
}

@keyframes bubbliing {
	
0%{
   		opacity: 0;
		transform:  scale(0);
  	}
	
	50% {
    	opacity: 100%;
	  	transform: scale(1);
  	}
	
	80% {
    	opacity: 0%;
	  	transform: scale(0.5);
  	} 
	
	100% {
    	opacity: 0%;
	  	transform: scale(0);
  	} 
	
	
}

/* Layout */

.position, .relative { position:relative;}

.floatleft { float: left;}

header {
	position: -webkit-sticky;
	position: sticky;
	z-index: 999;
}

header .alignfull {	
	background: rgba(20, 50, 115, 0.2) url("https://allotment.ws/stage/wd/wp-content/uploads/2025/08/bg-header-161-60.jpg") repeat center top;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25);
	backdrop-filter: blur(150px);
	-webkit-backdrop-filter: blur(50px);
	border-bottom: 1px solid rgba(255, 255, 255, 0.3);
	padding-right: 0.4em !important;
	padding-left: 0.4em !important;
}

footer .add-flex p {
	display: block;
	max-width: fit-content;
	margin-right: 0 !important;
	margin-left: 0 !important;
}

footer .add-flex {
 	display: flex;
	flex-direction: column;
	justify-content: space-between;
  	align-items: center;
	gap: 0;
	padding-left: 0.4em;
  	padding-right: 0.4em;
} 

.footer-bottom {
	border-top: 1px solid rgba(255, 255, 255, 0.3);
	box-shadow: 0 -2px 4px rgba(0, 0, 0, 0.25);
	background: rgba(20, 50, 115, 0.2) url("https://allotment.ws/stage/wd/wp-content/uploads/2025/08/bg-footer-161-100.jpg") repeat center top;
	backdrop-filter: blur(150px);
	-webkit-backdrop-filter: blur(50px);	
}

main {
	padding-right: 0.8em !important;
	padding-left: 0.8em !important;
	flex: 1; /* Allow main content to grow and push footer down */
}

html-video img { display: none !important;}

/* About page .page-id-14  */
.page-id-14 .wp-block-cover + .alignfull {
	padding-right: 0 !important;
	padding-left: 0 !important;
}

.has-four-cols {
	padding-right: 0 !important;
	padding-left: 0!important; 
}

.wp-container-core-group-is-layout-7af45914 .alignfull {
  max-width: 1238px;
  margin: 0 auto;
  margin-top: 0px;
}

.post-23 .alignfull { padding-top: 0 !important;}

.wp-block-cover .wp-block-cover__inner-container {
	position: absolute !important;
	bottom: 0;
	left: 0;
}

.cover-caption span { font-style: italic;} 

.about-us .cols-three {
	padding-right: 0 !important;
	padding-left: 0 !important;
}

.about-us  .cols-three .wp-block-columns {
	-webkit-box-pack: center;
  	-ms-flex-pack: center;
  	justify-content: center;
    gap: 1.6rem !important;
    justify-content: space-between; 
}
	
.about-us .cols-three .wp-block-column {
    min-height: 455px;
	border-radius: 9px;
  	-webkit-box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.65), 0px 6px 6px -6px rgba(0, 0, 0, 1);
  	box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.05), 0px 6px 6px -6px rgba(0, 0, 0, 1);
}

.about-us  .cols-three .wp-block-column .wp-block-cover {
  border-top-left-radius: 9px;
  border-top-right-radius: 9px;
}

/* //Layout */

@media screen and (min-width: 480px) {
	
	.width-adjust { max-width: 20ch;}
	
	.has-move { margin-left: 150px !important;}

	.bubble { left: 166px;}
	
	header .image-para {
		bottom: -30px;
    	right: 58px;
	}
	
	.about-us  .cols-three .wp-block-columns {
	  -webkit-box-pack: center;
	  -ms-flex-pack: center;
	  justify-content: center;
	}
	
	 .about-us  .wp-block-columns:not(.is-not-stacked-on-mobile):not(.tw-cols-stack-sm-2) > .wp-block-column {
    	flex-basis: 40% !important;
		min-height: 602px;
    	max-width: 46%;
  }
	
	footer .has-pos-relative::before { margin-top: 122px;}	

}

@media screen and (min-width: 600px) {
	
	h3.wp-block-heading + p { 
		max-width: 37ch !important;
	 	margin-left: 0 !important;
	}
	
	.bubble { left: 220px;}
	
	footer .add-flex { flex-direction: row;}
	
	.about-us  .wp-block-columns:not(.is-not-stacked-on-mobile):not(.tw-cols-stack-sm-2) > .wp-block-column { min-height: 611px;}
	
	 footer .has-pos-relative::before { margin-top: 126px;}
}

@media screen and (min-width: 680px) {
	
	header .image-para {
		bottom: -30px;
    	right: 148px;
	}
	
	p { max-width: 40ch;}
	
	.has-move { margin-left: 250px !important;}
	
	.has-border { max-width: 80% !important;}
	
	about-us .wp-block-columns:not(.is-not-stacked-on-mobile):not(.tw-cols-stack-sm-2) > .wp-block-column { min-height: 651px;}
}
	
	.bubble { left: 318px;}
	
	footer .has-pos-relative::before { margin-top: 157px;}
	
	.has-global-padding { 
		padding-top: 0 !important;
		padding-bottom: 0.8em !important;
	}

}

@media screen and (min-width:768px) {
	
	header .image-para {
		bottom: -74px;
    	right: 185px;
	}
	
	.has-move { margin-left: 3.2rem !important;}
	
	.home .quote { padding-top: 1.6em}
	
	.has-hr::after { bottom: -2.4rem;}
	
	.bubble { left: 67px;}
	
	header .alignfull { 
		padding-right: 0.4em;
  		padding-left: 0.4em; 
	}

	main .alignfull { 
		margin-top: 3.4rem !important;
		padding-right: 0.4em !important;
		padding-left: 0.4em !important; 
	}
	
	header + main .alignfull:nth-of-type(1) { margin-top: 1.6rem !important;}
	
	.alignwide { 
		flex-wrap: wrap !important;
		margin-top: 1.6rem !important;
	}

	 .home main .wp-block-column { min-width: 40%;}
	
	 .has-move { margin-left: 0 !important;}
	
	.about-us .cols-three .wp-block-columns { max-width: 720px;}
	
	.cols-three .wp-block-columns { flex-wrap: wrap !important;}
	
	.about-us  .wp-block-columns:not(.is-not-stacked-on-mobile):not(.tw-cols-stack-sm-2) > .wp-block-column {
    	flex-basis: 33% !important;
		 min-height: 444px;
  }
	
	 footer .has-pos-relative::before { margin-top: 177px;}
	
}

@media screen and (min-width:992px) {
	
	header .image-para {
		bottom: 0;
    	right: 301px;
	}
	
	h3.wp-block-heading + p { 
		font-size: var(--wp--preset--font-size--x-small) !important;
		line-height: 1.4;
	}
	
	.width-adjust { max-width: 29ch !important;}
	
	.has-four-cols figure { min-height: 242px;}
	
	.bubble { left: 127px;}
	
	 .home main .wp-block-column { min-width: 20%;}
	
	 .alignwide {
    	flex-wrap: nowrap !important;
		 gap: 0.8rem !important;
	}
	
	 .about-us .wp-block-columns:not(.is-not-stacked-on-mobile):not(.tw-cols-stack-sm-2) > .wp-block-column {
    	flex-basis: 30% !important;
		 min-height: 504px;
	}
	
	.about-us  .cols-three .wp-block-columns { max-width: 938px;}
	
	.about-us  .cols-three .wp-block-column:nth-of-type(1) {
		-webkit-transform: translate(1.6rem, 0.8rem) rotate(2deg);
		-ms-transform: translate(1.6rem, 0.8rem) rotate(2deg);
		transform: translate(1.6rem, 0.8rem) rotate(2deg);
  }
	
	.about-us  .cols-three .wp-block-column:nth-of-type(2) { 
		z-index: 10;
		box-shadow: 0px 0px 2px 10px rgba(0, 0, 0, 0.1), 0px 15px 15px -15px rgba(0, 0, 0, 1), 0px 0px 0px 5px rgba(255, 0, 0, 0.05);
	}
	
	.about-us .cols-three .wp-block-column:nth-of-type(3) {
		-webkit-transform: translate(-1.6rem, 0.8rem) rotate(-2deg);
    -ms-transform: translate(-1.6rem, 0.8rem) rotate(-2deg);
    transform: translate(-1.6rem, 0.8rem) rotate(-2deg);
	}
	
	 footer .has-pos-relative::before { margin-top: 237px;}
	
}

@media screen and (min-width:1024px) {
	
	.bubble { left: 127px;}
	
	.col-left { 
		max-height: 622px;
		max-width: 44%;
	}
	
}

@media screen and (min-width:1170px) {

	.about-us .cols-three .wp-block-columns { max-width: 1114px;}
	
	 .bubble { left: 164px;}
	
}

@media screen and (min-width:1280px) {
	
	.has-four-cols figure { min-height: 306px;}
	
	.alignwide {
		flex-wrap: nowrap !important;
		gap: 1.6rem !important;
  }
	
	 footer .has-pos-relative::before { margin-top: 288px;}
	
}

@media screen and (min-width:1440px) {
	
	
}