/*

GREEN: #1C5136
ORANGE: #F39C12
LIGHT ORANGE: #FCC08E;
BLACK: #161F1C

OPEN SANS: 400, 600, 700, 800

*/

:root {
    --theme-primary: #1C5136;
    --theme-secondary: #181E1C;
    --theme-highlight: #F39C12;
	--theme-lightgrey: #999;
    --theme-black: #161F1C;
    --theme-white: #F9F8F8;
}

@font-face {
	font-family: 'icomoon';
	src:  url('fonts/icomoon.eot?pejqg7');
	src:  url('fonts/icomoon.eot?pejqg7#iefix') format('embedded-opentype'),
		url('fonts/icomoon.ttf?pejqg7') format('truetype'),
		url('fonts/icomoon.woff?pejqg7') format('woff'),
		url('fonts/icomoon.svg?pejqg7#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
	font-display: block;
}
  
[class^="icon-"], [class*=" icon-"] {
	/* use !important to prevent issues with browser extensions that change fonts */
	font-family: 'icomoon' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
  
	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/* ======================== */

/* ======================== */
/* NEW PAGE TEMPLATE LAYOUT */
/* ======================== */

.page-template-page-NEW-default-layout {
	main a {
		color: var(--theme-highlight);
    	text-decoration: none;
    	border-bottom: 1px solid var(--theme-highlight); 
		padding-bottom: 2px; 
    	transition: border-color 0.3s ease-in-out;
	}
	
	main a:hover {
		border-color: transparent;
	}

	main h2 {
		margin: 0;
		font-size: 2.25em;
	}

	/* 1. Define the Grid Wrapper */
	main.new-default {
		display: grid;
		grid-template-columns: 1fr min(1230px, 100% - 80px) 1fr;
		row-gap: 40px; 
		padding-bottom: 80px; 
	}

	/* 2. Default EVERY direct child to the center column */
	main.new-default > * {
		grid-column: 2;
		width: 100%;
	}

	/* 3. The Breakout Classes (Full Bleed) */
	/* Targets Gutenberg's native alignfull class, your custom full-bleed class, and your Hero Block */
	main.new-default > .alignfull,
	main.new-default > .full-bleed,
	main.new-default > .gb-hero-wrapper {
		grid-column: 1 / -1; /* Spans from the far left edge to the far right edge */
		width: 100%;
	}

	/* 4. Paragraph Typography (Layout constraints removed) */
	main p {
		margin: 0; 
		font-size: 20px;
		line-height: 28px;
		font-family: 'Open Sans', sans-serif;
		overflow-wrap: break-word;
		word-wrap: break-word;
		-ms-word-break: break-all;
		word-break: break-all;
		word-break: break-word;
		-ms-hyphens: auto;
		-moz-hyphens: auto;
		-webkit-hyphens: auto;
		hyphens: auto;
	}

	.swiper-caption p {
		width: 100%;
		margin: 0;
		color: var(--theme-lightgrey);
		font-size: 14px;
		line-height: 20px;
	}

	@media (max-width: 767px) and (orientation: portrait) {
		.swiper-caption p {
			font-size: 10px;
			line-height: 14px;
		}
	}

	span.credit {
		margin: 5px 0 0 0;
		font-size: 13px;
		line-height: 19px;
	}

	@media (max-width: 767px) and (orientation: portrait) {
		span.credit {
			font-size: 9px;
			line-height: 12px;
		}
	}
}