/*
Theme Name: Protect USA Tourism
Theme URI: https://pprotectusatourism.com/
Author: Protect USA Tourism
Description: Custom theme for Protect USA Tourism site
Version: 0.9.2
Update URI: false
Requires at least: 6.9
Tested up to: 6.9.1
Requires PHP: 8.2
Text Domain: pusat
*/


/* Defaults
---------------------------------------- */

html {
	scroll-behavior: smooth;
}

a,
button,
.wp-element-button {
	transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, text-decoration 0.2s ease-in-out;
}

input,
textarea {
	transition: filter 0.2s ease-in-out;
}

b,
strong {
	font-weight: 600;
}

i,
em {
	font-style: oblique;
}

/* -- Forms -- */

input,
select,
textarea {
	box-sizing: border-box;
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
	line-height: var(--wp--custom--line-height--medium);
	width: 100%;
}

input:not([type="submit"]):focus,
textarea:focus {
	border-color: var(--wp--preset--color--primary);
	outline: 1px solid var(--wp--preset--color--primary);
}

input[type="checkbox"],
input[type="image"],
input[type="radio"] {
	width: auto;
}

::placeholder {
	color: inherit;
	font-size: var(--wp--preset--font-size--x-small);
	opacity: 0.5;
}

:root h1 + h2,
:root h1 + p,
:root h2 + h3,
:root h2 + p,
:root h3 + h4,
:root h3 + p,
:root h4 + h5,
:root h4 + p,
:root h5 + h6,
:root h5 + p,
:root h6 + p {
	margin-block-start: var(--wp--preset--spacing--10);
}

/* Blocks
---------------------------------------- */

/* -- Navigation -- */

.wp-block-navigation__responsive-container.is-menu-open {
	padding: var(--wp--preset--spacing--30);
}

/* -- Navigation Submenu -- */

.wp-block-navigation__submenu-container {
	min-width: 160px !important;
	padding: 10px !important;
}

.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
	padding: 2px 10px !important;
}

.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container {
	padding: 5px 10px 0 !important;
}

/* -- Pagination Numbers -- */

.wp-block-query-pagination-numbers {
	display: flex;
	flex-wrap: nowrap;
	gap: var(--wp--preset--spacing--20);
}

/* Utility
---------------------------------------- */

/* -- Overflow -- */

.is-style-overflow-hidden {
	overflow: hidden;
}

/* -- Position -- */

.is-style-position-fixed {
	position: fixed;
}

.is-style-position-relative {
	position: relative;
}

/* -- Z-Index -- */

.is-style-negative-zindex {
	z-index: -99;
}

.is-style-positive-zindex {
	z-index: 99;
}


.put-news-grid article {
	height: 100%;
}


.site-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-container {
	gap: var(--wp--preset--spacing--20);
}

.site-header .wp-block-navigation__submenu-container .wp-block-navigation-item > a:focus,
.site-header .wp-block-navigation__submenu-container .wp-block-navigation-item > a:hover {
	/*font-weight: 700;*/
	text-decoration: underline;
	text-decoration-thickness: 3px;
}

.site-header .wp-block-navigation__container > .wp-block-navigation-item > a {
	padding: 0.25em 0.5em;
	text-transform: uppercase;
}

.site-header .wp-block-navigation__container > .wp-block-navigation-item > a:focus,
.site-header .wp-block-navigation__container > .wp-block-navigation-item > a:hover {
/*
	background-color: var(--wp--preset--color--tertiary);
	border-radius: var(--wp--preset--border-radius--x-small);
	color: var(--wp--preset--color--primary);
*/
	text-decoration: underline;
	text-decoration-thickness: 3px;
}

/*
.site-header .wp-block-navigation__container > .wp-block-navigation-item.current-menu-item > a {
	text-decoration: underline;
}
*/

.put-page-header {
	background-color: var(--wp--preset--color--secondary);
	background-image: url('./assets/images/bg-stripes.jpg');
	background-position: calc(50vi + var(--wp--preset--spacing--10) + (var(--wp--style--global--content-size) * 0.5)) 50%;
	background-size: auto 100%;
	background-repeat: no-repeat;
	padding-block: var(--wp--preset--spacing--30);
	position: relative;
}

.put-page-header::before {
	background-image: url('./assets/images/bg-stripes.jpg');
	background-position: 0% 50%;
	background-repeat: no-repeat;
	background-size: auto 100%;
	bottom: 0;
	content: '';
	left: 0;
	position: absolute;
	right: calc(50vi + var(--wp--preset--spacing--10) + (var(--wp--style--global--content-size) * 0.5));
	top: 0;
	transform: rotateZ(180deg);
	z-index: 5;
}

.put-page-header h1,
.put-page-header > p {
	color: var(--wp--preset--color--base);
	font-size: var(--wp--preset--font-size--xxx-large);
	font-weight: 800;
	line-height: var(--wp--custom--line-height--x-small);
	text-transform: uppercase;
}

body.single .entry-header .wp-block-post-title {
	text-transform: none;
}



/* Forms (Gravity Forms)
---------------------------------------- */

body .gform_wrapper.gform-theme.gform-theme--framework {
	/*--gf-ctrl-label-color-req: var(--wp--preset--color--contrast);*/
	--gf-ctrl-label-font-size-primary: var(--wp--preset--font-size--x-small);
	/*--gf-ctrl-label-font-size-tertiary: var(--wp--preset--font-size--xx-small);*/
	--gf-ctrl-label-font-size-req: var(--wp--preset--font-size--small);
	--gf-ctrl-label-font-weight-primary: 500;
	--gf-ctrl-padding-x: 0.5em;
	--gf-ctrl-padding-y: 0.25em;
	--gf-ctrl-radius: 0;
	--gf-ctrl-size: var(--gf-ctrl-size-lg) !important;
	--gf-ctrl-border-color-focus: var(--wp--preset--color--secondary);
	/*--gf-ctrl-desc-font-size: var(--wp--preset--font-size--xx-small);*/
	--gf-ctrl-outline-color-focus: var(--wp--preset--color--secondary);
	/*--gf-font-size-primary: var(--wp--preset--font-size--x-small);*/
	--gf-label-space-primary: 4px;
	--gf-label-space-tertiary: 4px;
	--gf-local-line-height: var(--wp--custom--line-height--x-small);
	/*--gf-form-validation-heading-color: var(--wp--preset--color--tertiary);*/
	/*--gf-form-validation-heading-font-size: var(--wp--preset--font-size--x-small);*/
	/*--gf-form-validation-heading-line-height: var(--wp--custom--line-height--x-small);*/
	/*--gf-form-validation-bg-color: #c02b0a66;*/
	/*--gf-form-validation-border-color: #c02b0acc;*/
	/*--gf-form-validation-padding-x: 0.5em;*/
	/*--gf-form-validation-padding-y: 0.5em;*/
	/*--gf-form-validation-heading-gap: var(--wp--preset--spacing--10);*/
}

body .gform_wrapper.gform-theme.gform-theme--framework .gform_fields {
	--gf-form-gap-y: var(--wp--preset--spacing--20);
}

body .gform_wrapper .gform_body .gform_fields .gsection {
	margin-block-end: var(--wp--preset--spacing--10);
}

body .gform_wrapper .gform_body .gform_fields .gsection .gsection_title {
	margin-block-end: 0;
}

body .gform_wrapper .gform_body .gform_fields .gfield .gfield_label:has(> .gfield_required) {
	display: inline-block;
}

body .gform_wrapper .gform_body .gform_fields .gfield .gfield_label > .gfield_required {
	margin-inline-start: 0.25em;
}

body .gform_wrapper .gform_body .gform_fields .gfield select {
	/*--gf-ctrl-line-height: var(--gf-ctrl-size-md);*/
}

body .gform_wrapper .gform_body .gform_fields .gfield_description ul {
	list-style-type: disc;
}

body .gform_wrapper .gform_body .gform_fields .gfield--type-turnstile {
	position: absolute;
	left: -9999px;
}

body .gform_wrapper.gform-theme.gform-theme--framework .gform_footer {
	justify-content: center;
}

body .gform_wrapper.gform-theme.gform-theme--framework .gform_footer input[type=submit].button {
	--gf-ctrl-btn-color-primary: var(--wp--preset--color--tertiary);
	--gf-ctrl-btn-color-hover-primary: var(--wp--preset--color--primary);
	--gf-ctrl-btn-bg-color-primary: var(--wp--preset--color--primary);
	--gf-ctrl-btn-bg-color-focus-primary: var(--wp--preset--color--tertiary);
	--gf-ctrl-btn-bg-color-hover-primary: var(--wp--preset--color--tertiary);
	--gf-ctrl-btn-border-style-primary: none;
	--gf-ctrl-btn-font-size: var(--wp--preset--font-size--medium);
	--gf-ctrl-btn-font-weight: 500;
	--gf-ctrl-btn-letter-spacing: 0.075em;
	--gf-ctrl-btn-line-height: var(--wp--custom--line-height--x-small);
	--gf-ctrl-btn-padding-x: 2em;
	--gf-ctrl-btn-padding-y: 0.75em;
	--gf-ctrl-btn-radius: 9999px;
	--gf-ctrl-btn-shadow: 0 3px 3px #0d385a14;
	--gf-ctrl-btn-shadow-hover: 0 3px 3px #0d385a14;
	--gf-ctrl-btn-text-decoration: underline;
	--gf-ctrl-btn-text-transform: uppercase;
	--gf-ctrl-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;
}

body .gform_wrapper.gform-theme.gform-theme--framework .gform_confirmation_message {
	font-size: var(--wp--preset--font-size--medium);
	font-weight: 500;
	padding: var(--wp--preset--spacing--30) var(--wp--preset--spacing--20);
	text-align: center;
}

body #gform_wrapper_1 .gform_required_legend {
	display: none;
}



/* Media Queries
---------------------------------------- */

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

	/* -- Header -- */

/*
	.has-motion .site-header {
		position: sticky;
		top: 0;
		transition: transform 0.5s ease;
		z-index: 1000;
	}
	
	.has-motion body.scroll-down .site-header {
		transform: translateY(-100%);
	}
	
	.has-motion body.scroll-up .site-header {
		transform: translateY(0);
	}
*/

	.site-header .wp-block-navigation__submenu-container {
		box-shadow: 5px 5px 15px #0d385a4d;
		gap: calc(var(--wp--preset--spacing--10) * 0.5);
	}

}

@media only screen and (max-width: 600px) {

	/* -- Utility -- */

	.is-style-hidden-mobile {
		display: none !important;
	}

	.site-header .wp-block-navigation .wp-block-navigation-item {
		font-size: var(--wp--preset--font-size--medium) !important;
	}

}

@media only screen and (max-width: 782px) {

	/* -- Columns -- */

	.wp-block-columns.is-style-column-reverse {
		flex-direction: column-reverse;
	}

}



h2.put-home-pill-tertiary {
	background-color: var(--wp--preset--color--tertiary);
	border-radius: 0 999px 999px 0;
	color: var(--wp--preset--color--base);
	margin-left: calc((100vi - var(--wp--style--global--content-size) - var(--wp--style--root--padding-right) - var(--wp--style--root--padding-left)) * 0.5) !important;
	padding: 0.35em 1em 0.35em 0;
	position: relative;
	text-transform: uppercase;
	width: fit-content;
}

h2.put-home-pill-tertiary::before {
	background-color: var(--wp--preset--color--tertiary);
	bottom: 0;
	content: '';
	display: block;
	position: absolute;
	right: 100%;
	top: 0;
	width: 100vi;
}

body.home #signup {
	margin-block-start: var(--wp--preset--spacing--60);
}

body.home #signup h2.put-home-pill-tertiary {
	margin-block-start: calc((0.5em + 0.35em) * -1);
	position: absolute;
	top: 0;
}


body.home .pusat-flipbox__back .pusat-flipbox-side > p::first-line {
	color: var(--wp--preset--color--secondary) !important;
	font-weight: 700;
	text-transform: uppercase;
}




/*#at-stake .wp-block-group.is-layout-grid.colums-3 {
	overflow: hidden;
}
*/

@media only screen and (max-width: 782px) {

	#at-stake .wp-block-group.is-layout-grid.columns-3 {
		display: flex;
		flex-direction: column;
	}

}

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

/*	#at-stake .wp-block-group.is-layout-grid {
		grid-auto-rows: 1fr;
	}
*/
/*
	#at-stake .wp-block-group.is-layout-grid.columns-3 .pusat-flipbox:nth-last-child(2) {
		grid-column: 1 / 2;
		transform: translateX(calc(50% + 0.5rem));
	}

	#at-stake .wp-block-group.is-layout-grid.columns-3 .pusat-flipbox:nth-last-child(1) {
		grid-column: 2 / 3;
		transform: translateX(calc(50% + 0.5rem));
	}
*/

}


body.home #facts {
	text-align: center;
	padding-inline: 0;
}

body.home #facts > h2 {
	background-color: var(--wp--preset--color--base);
	display: inline-block;
	padding-inline: var(--wp--preset--spacing--30);
	position: relative;
}

body.home #facts > h2::before {
	background-color: var(--wp--preset--color--base);
	bottom: 0;
	content: '';
	position: absolute;
	right: 100%;
	top: 0;
	width: 50vi;
	z-index: 1;
}

body.home #facts > h2::after {
	background-color: var(--wp--preset--color--base);
	bottom: 0;
	content: '';
	position: absolute;
	left: 100%;
	/*width: var(--wp--preset--spacing--30);*/
	top: 0;
	aspect-ratio: 1 / 2;
	clip-path: polygon(0 0, 0 100%, 100% 100%);
	z-index: 1;
}



#hero {
	--pusat-hero-column-width-float: 0.45;
	--pusat-hero-column-width-percentage: 45%;
	--pusat-hero-columns-width: 1100px;
}

#hero .wp-block-columns.alignwide {
	max-width: var(--pusat-hero-columns-width);
}

#hero .wp-block-column {
	flex-basis: var(--pusat-hero-column-width-percentage) !important;
}

#hero h1 {
	font-size: clamp(1.5rem, 0.75rem + 1.875vw, 2.25rem) !important;
	font-style: normal;
	font-weight: 400;
	line-height: 2;
	position: relative;
	z-index: 0;
}

#hero h1::before {
	background-image: linear-gradient(to bottom, transparent 0, transparent 0.25em, var(--wp--preset--color--red) 0.25em, var(--wp--preset--color--red) 1.75em, transparent 1.75em, transparent 2.25em, var(--wp--preset--color--red) 2.25em, var(--wp--preset--color--red) 3.75em, transparent 3.75em, transparent 4.25em, var(--wp--preset--color--red) 4.25em, var(--wp--preset--color--red) 5.75em, transparent 5.75em);
	bottom: 0;
	clip-path: polygon( 0% 0%, calc(100% - 3em) 0%, 100% 100%, 0% 100%);
	content: '';
	left: -100vi;
	position: absolute;
	right: -3em;
	top: 0;
	z-index: -1;
}

/*
#hero h1::after {
	background-image: linear-gradient(to bottom, transparent 0, transparent 0.25em, var(--wp--preset--color--red) 0.25em, var(--wp--preset--color--red) 1.75em, transparent 1.75em, transparent 2.25em, var(--wp--preset--color--red) 2.25em, var(--wp--preset--color--red) 3.75em, transparent 3.75em, transparent 4.25em, var(--wp--preset--color--red) 4.25em, var(--wp--preset--color--red) 5.75em, transparent 5.75em);
	bottom: 0;
	clip-path: polygon( 0% 0%, 100% 0%, 100% 100%, calc(0% + 3em) 100%);
	content: '';
	left: 60vi;
	position: absolute;
	top: 0;
	width: 100vi;
	z-index: -1;
}
*/

@media only screen and (max-width: 680px) {

	#hero {
	  flex-direction: column;
	  padding: 0;
	  min-height: auto !important;
	}

	#hero .wp-block-cover__image-background {
		position: relative;
	}

	#hero h1 {
		line-height: var(--wp--custom--line-height--x-small);
		text-align: center;
		text-wrap: balance;
	}

	#hero h1::before {
		content: none;
	}

	#hero .wp-block-columns > .wp-block-column:first-child {
		background-color: var(--wp--preset--color--red);
		flex-basis: 100% !important;
		line-height: 1.3;
		padding: var(--wp--preset--spacing--20) var(--wp--style--root--padding-left) var(--wp--preset--spacing--20) var(--wp--style--root--padding-right);
	}

	#hero .wp-block-columns > .wp-block-column:nth-child(2) {
		display: none;
	}

}

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

	#hero h1::after {
		background-image: linear-gradient(to bottom, transparent 0, transparent 0.25em, var(--wp--preset--color--red) 0.25em, var(--wp--preset--color--red) 1.75em, transparent 1.75em, transparent 2.25em, var(--wp--preset--color--red) 2.25em, var(--wp--preset--color--red) 3.75em, transparent 3.75em, transparent 4.25em, var(--wp--preset--color--red) 4.25em, var(--wp--preset--color--red) 5.75em, transparent 5.75em);
		bottom: 0;
		clip-path: polygon( 0% 0%, 100% 0%, 100% 100%, calc(0% + 3em) 100%);
		content: '';
		position: absolute;
		right: calc((50vi + (var(--pusat-hero-columns-width) * (0.5 - var(--pusat-hero-column-width-float)))) * -1);
		top: 0;
		width: 15vi;
		z-index: 3;
	}

}