/**
 * Theme Name: Credit Human
 * Template:   twentytwentyfive
 
 **/


/* Globals */
h1{text-transform: uppercase;width: 100%;}
h2{margin-bottom:4.2rem !important;}
a{text-transform: uppercase;}
:where(.wp-block-button__link){border-radius: 5px;}
:root :where(.wp-element-button, .wp-block-button__link){padding: 0.5rem 3rem;}
p{font-size: 1rem;}
p.has-small-font-size{font-size: 0.75rem !important;}
.wp-site-blocks{padding: 0px}
:where(.wp-site-blocks) > *{margin-block-start:0rem;}
:root :where(.is-layout-constrained) > *, :root :where(.is-layout-flow) > *{margin-block-start: 0rem;}

a:hover h3{text-decoration: underline;}

section{
	padding-top: var(--wp--style--root--padding-top);
	padding-bottom: var(--wp--style--root--padding-bottom);
}

section.has-text-background{
	background-image: url('/wp-content/uploads/2026/03/NOLA.svg;');
	background-position: top -0.5rem  right 5rem;
	background-repeat: no-repeat;
}

#hero{height: 26.5rem;}
#we-see-you{
	h2{margin-block-end: 0px !important;}
	p{margin-bottom: 3rem;width: 50%;}
}


.gcontainer {
  background: rgba(68, 68, 68, 0.6);
}

.gslide-description{display: none;}

.glightbox-clean .gclose, .glightbox-clean .gprev, .glightbox-clean .gnext{background-color: rgba(0,0,0,0) !important;}
.glightbox-clean .gclose path{fill: #78BD22 !important;}

.glightbox-clean .gprev svg, .glightbox-clean .gnext svg, .glightbox-clean .gclose svg {
	display: none !important;
}

.glightbox-clean .gprev, .glightbox-clean .gnext{top: 50% !important;}

.glightbox-clean .gclose::after {
	content: '';
	display: block;
	width: 1rem;
	height: 1rem;
	background: url('/wp-content/uploads/2026/03/close.svg') no-repeat center / contain;
}

.glightbox-clean .gprev::after {
	content: '';
	display: block;
	width: 2.75rem;
	height: 2.75rem;
	background: url('/wp-content/uploads/2026/03/icon-arrow-left.svg') no-repeat center / contain;
}

.glightbox-clean .gnext::after {
	content: '';
	display: block;
	width: 2.75rem;
	height: 2.75rem;
	background: url('/wp-content/uploads/2026/03/icon-arrow-right.svg') no-repeat center / contain;
}

footer{font-size: 0.75rem;}

footer a{
	color: #4d4f55;
	font-weight: 400;
	font-size: 0.75rem;
	text-transform: none;
	&:hover{
		color: #4d4f55;
		text-decoration: underline;
	}
}

.wp-block-button__link:hover{
	background-color: #6AA71E;
}


.has-gradient-border{
	border-bottom: 6px solid;
  	border-image-slice: 1;
  	border-width: 6px;
	border-image-source: linear-gradient(90deg, #00BCE3 0%, #78BD22 100%);
}


/* Location Grid */
.location-grid > div{
	gap: 0rem !important;
}

.location-grid a, a.link-with-icon{
	font-size: 0.75rem;
	&:hover{border-bottom: 2px solid;}

}


/*Video grid */
#video-grid{
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(18.75rem, 1fr));

	gap: 5rem;
	justify-items: center;


	img{
		width: 18.75rem;
		height: 18.75rem;
		object-fit: cover;
		display: block;
	}

	a.video-lightbox{margin-block-start: 0rem !important;}
}

.pods-see-more-wrap .pods-see-more-hidden {
	display: none !important;
}

.pods-see-more-btn {
	margin-top: 1.5rem;
}

.pods-see-more-btn.is-hidden {
	display: none !important;
}

/*Video gallery*/
.video-feature {
	/*max-width: 67.25rem;*/
	max-width: 70.5rem;
	margin: 0 auto;
}

.video-feature__player-area {
	width: 100%;
	margin-bottom: 4.5rem;
}

.video-feature__player {
	position: relative;
	max-width: 53.5rem;
	aspect-ratio: 16 / 9;
	background: #e5e5e5;
	border-radius: 0;
	overflow: hidden;
	margin: 0 auto;
}

.video-feature__player iframe,
.video-feature__player video {
	display: block;
	width: 100%;
	height: 100%;
	border: 0;
}

.video-feature__carousel-wrap{
	position: relative;
	display: block;
	padding: 0 5rem;
	min-width: 0;
	max-width: 100%;
	margin: 0 auto;
	overflow: hidden;
}

.video-feature__carousel .swiper-slide {
	max-width: 33%;
}

.video-feature__nav{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 5;
	background: transparent;
	border: none;
	outline: none;
}

.video-feature__nav:focus-visible {
	outline: 0.125rem solid #4d4f55;
	outline-offset: 0.25rem;
}

.video-feature__nav--prev{
	left: 0;
}

.video-feature__nav--next{
	right: 0;
}

.video-feature__nav:hover {
	transform: translateY(-50%) scale(1.1);
}


a.video-lightbox{border: 3px solid transparent;}

.video-thumb, a.video-lightbox, .editorial-image-wrap{border: 3px solid transparent;}

.video-thumb:hover, a.video-lightbox:hover, .editorial-image-wrap:hover{
	border: 3px solid #78bd22;
}


.video-feature__carousel{
	min-width: 0;
}

.video-feature__nav.swiper-button-disabled, .editorial__nav.swiper-button-disabled {
	opacity: 0.45;
	cursor: default;
	transform: none;
}

.video-thumb {
	display: grid;
	gap: 0.75rem;
	width: 100%;
	padding: 0;
	border: 0;
	background: none;
	text-align: left;
	cursor: pointer;
}

.video-thumb__media {
	display: block;
	position: relative;
	overflow: hidden;
	/*background: #ddd;*/
}

.video-thumb__media img {
	display: block;
	width: 100%;
	aspect-ratio: 16 / 9;
	object-fit: cover;
}

.video-thumb__title {
	font-size: 1rem;
	line-height: 1.35;
	font-weight: 600;
	color: inherit;
}

.video-thumb.is-active{border: 3px solid #4d4f55;}


/*Editorials*/
#editorials{
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 2rem;
}

.editorial-image-wrap{	
	max-width: 100%;
	aspect-ratio: 16 / 9; /* adjust if you want taller or shorter */
	overflow: hidden;
}
.editorial-image-wrap img {
	width: 100%;
	height: 100%;
	object-fit: cover !important;
	display: block;
}

a.link-with-icon::after{
	content: "";
	display: inline-block;
	width: 0.65rem;
	height: 0.6rem;
	background-image: url("/wp-content/uploads/2026/03/carat-right.svg");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	flex-shrink: 0;margin-left: 0.375rem;}

	a.link-with-icon:hover::after{
	background-image: url("/wp-content/uploads/2026/03/carat-right-hover.svg");
	}


/*Media Queries*/

@media (max-width: 64rem) {
	.video-feature {
		gap: 3rem;
	}

	.video-feature__carousel .swiper-slide {
		max-width: 45%;
	}

	#we-see-you{
		p{margin-bottom: 3rem;width: 100%;}
	}	
}

@media (max-width: 48rem) {
	h1{font-size: 4rem;width: 90%;}
	#hero{height: 35.25rem;}
	h2{font-size: 2.25rem;margin-bottom:2rem !important;}
	h3{font-size: 1.5rem;}
	#we-see-you h2{font-size: 3rem !important;}
	section{padding-top:3.75rem;padding-bottom: 3.75rem;}
	img.wp-image-31{width:12.8rem;}
	section.has-text-background{
		background-size: 19rem;
		background-position: top -0.5rem  center;
		background-repeat: no-repeat;
	}

	#editorials{grid-template-columns: 1fr;}
	.editorial-item{width: 100%;}
	
	#location-grid--container{gap: 4rem;}

	.video-feature__carousel-wrap{padding: 0 4rem;}
	
	#video-grid{
		grid-template-columns: repeat(2, 1fr);
		gap: 1.5rem;

		> a {
  			aspect-ratio: 1 / 1;
  			overflow: hidden;
  			display: block;
		}
		img{
			width: 100%;
			height: 100%;
			object-fit: cover;
			display: block;
		}
	}

	.video-feature {
		gap: 2rem;
	}
	.video-feature__player-area{margin-bottom: 1.6rem;}

	.video-feature__nav svg{height: 2.25rem; width: 2.25rem;}

	.glightbox-clean .gprev, .glightbox-clean .gnext{top: 47% !important;}

	.video-feature__carousel .swiper-slide {
		max-width: 100%;
	}

	footer .wp-container-core-columns-is-layout-28f84493{
		flex-wrap: nowrap !important;
		width: 100%;
		justify-content: space-between;
	}

	footer > div >div:nth-child(1){
		justify-content: center;
		gap: 2.8rem;
	}

	footer > div > div:nth-child(2){
		flex-direction: column-reverse;


		& > .wp-block-group.is-layout-flex.wp-block-group-is-layout-flex{
			flex-direction: column;
			gap: 1.375rem;
		}
	}
}