/*
Theme Name: Canoo
Theme URI: https://3sided.co.in/
Author: 3 Sided Coin
Author URI: https://3sided.co.in/
Template: twentytwentytwo
Version: 1.1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/* Global */

:root {
	--wp--custom--typography--font-size--colossal: clamp(3.75rem, 8vw, 7.5rem);
	--wp--custom--typography--font-size--gigantic: clamp(2.5rem, 6vw, 3.75rem);
	--wp--custom--typography--font-size--huge:	   clamp(1.75rem, 4vw, 2.5rem);
	--wp--preset--font-size--x-large:			   1.75rem;
	--wp--preset--font-size--medium:			   clamp(1.125rem, 2vw, 1.25rem);
	--wp--custom--typography--line-height--normal: 1.6;
	--wp--custom--typography--line-height--tiny:   1;
	--wp--preset--font-family--ppneuemontreal:	   'PPNeueMontreal', sans-serif;
	--link:										   #75DCEA;
}

html {
	font-size: 100%;
}

body {
	-moz-osx-font-smoothing: unset !important;
    -webkit-font-smoothing: unset !important;
}

.wp-site-blocks{
  padding-left: 0px !important;
  padding-right: 0px !important;
}

.wp-block-image img {
	display: block;
}

.wp-block-navigation__container {
	gap: 3vw !important;
		
}

a[href="#"] {
	cursor: default;
}

.trp-language-switcher {
	width: auto !important;
}

.trp-language-switcher > div {
	box-sizing: border-box;
    padding: 4px 20px 3px 13px;
    border: 0px solid rgba(0,0,0,0); */
    border-radius: 0px;
    background-image: url(../../assets/images/arrow-down-3101.svg);
    background-repeat: no-repeat;
    background-position: calc(100% - 20px) calc(1em + 2px), calc(100% - 3px) calc(1em + 0px);
    background-size: 8px 8px, 8px 8px;
    background-repeat: no-repeat;
    background-color: var(--wp--preset--color--tertiary);		
}

.trp-language-switcher > div > a {
	color: var(--wp--preset--color--background);
	display: block;
    padding: 0;
    border-radius: 0;
    text-decoration: none;
    font-style: normal;
    font-weight: 400;
    font-size: 1rem;
}

.trp-language-switcher > div > a:hover {
    background-color: var(--wp--preset--color--foreground);		
	color: var(--wp--preset--color--background);
}

.wp-block-navigation__responsive-container-close svg, .wp-block-navigation__responsive-container-open svg {
	width: 2rem;
	height: 2rem;
}

.wp-block-navigation__responsive-container-close {
	top: 1.25rem;
	right: var(--wp--custom--spacing--outer);
}

.wp-block-table thead {
	text-align: left;
}

/* body .alignwide {
  max-width: 90rem;
  max-width: var(--wp--style--global--wide-size);
  margin-left: auto;
  margin-right: auto;
}
 */
header.wp-block-template-part{
  	padding-left: var(--wp--custom--spacing--outer);
	padding-right: var(--wp--custom--spacing--outer);
	padding-top: 1.25rem;
	padding-bottom: 5.75rem;
	max-width: var(--wp--style--global--wide-size);
	margin-left: auto;
	margin-right: auto;
}

.error404 header.wp-block-template-part {
	padding-bottom: 0rem;
}

header.wp-block-template-part .is-content-justification-space-between {
	justify-content: space-between;
}

.wp-block-navigation__responsive-close {
	max-width: var(--wp--style--global--content-size, 100%) !important;
}

.primary-navigation {
	justify-content: space-around !important;
}

.single header.wp-block-template-part {
	padding-bottom: 1.25rem;
}

.wp-block-navigation__responsive-close {
	max-width: 100%;
}

.post-content .entry-content {
  /*padding-left: var(--wp--custom--spacing--outer);
  padding-right: var(--wp--custom--spacing--outer);*/
    padding-top: var(--wp--preset--spacing--80);
/*     margin-top: -17.5rem; */
	padding-bottom: var(--wp--preset--spacing--80);
}

.post-content .author-info {
	padding-bottom: 22.5rem;
	max-width: 36em;
	margin-left: auto;
	margin-right: auto;
}

.post-content figure.alignwide {
	max-width: var(--wp--style--global--content-size);
}

header.alignwide.wp-block-template-part{
  padding-left: 0px;
  padding-right: 0px;
}

body .is-layout-constrained > * + * {
  margin-block-start: 1.5rem;
}

main {
/*   padding-left: var(--wp--custom--spacing--outer);
  padding-right: var(--wp--custom--spacing--outer); */
}

.download-canoo-text {
	padding-left: calc(1*var(--wp--custom--spacing--outer));
	padding-right: calc(1*var(--wp--custom--spacing--outer));
}

.download-canoo-header figure {
	margin-block-start: 0 !important;
}

.download-label, .download-ratings {
	gap: 0.5rem !important;
}


footer.wp-block-template-part {
	background: var(--wp--preset--color--background) !important;
	color: var(--wp--preset--color--foreground) !important;
	padding-top: 2.5rem;
}

footer.wp-block-template-part .wp-block-image {
	margin-bottom: 0;
}

.col-center {
  padding-left: var(--wp--custom--spacing--large);
  padding-right: var(--wp--custom--spacing--large);
}

.btm-center {
  padding-left: 25rem;
  padding-right: 25rem;
}

/* Global */

/* Header */

/* @font-face {
  font-family: 'PPNeueMontreal';
  src: url(assets/fonts/PPNeueMontreal-Book.otf);
  font-weight: normal;
} */

@font-face {
  font-family: 'PPNeueMontreal';
  src: url("assets/fonts/PPNeueMontreal-Regular.woff2") format("woff2"),url("assets/fonts/PPNeueMontreal-Regular.woff") format("woff");
  font-style: normal;
  font-stretch: normal;
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: 'PPNeueMontreal';
  src: url("assets/fonts/PPNeueMontreal-Medium.woff2") format("woff2"),url("assets/fonts/PPNeueMontreal-Medium.woff") format("woff");
  font-style: normal;
  font-stretch: normal;
  font-weight: 500;
  font-display: swap;
}

@font-face {
  font-family: 'PPNeueMontreal';
  src: url("assets/fonts/PPNeueMontreal-SemiBold.woff2") format("woff2"),url("assets/fonts/PPNeueMontreal-SemiBold.woff") format("woff");
  font-style: normal;
  font-stretch: normal;
  font-weight: 600;
  font-display: swap;
}

@font-face {
  font-family: 'PPNeueMontreal';
  src: url("assets/fonts/PPNeueMontreal-Italic.woff2") format("woff2"),url("assets/fonts/PPNeueMontreal-Italic.woff") format("woff");	
  font-style: italic;
  font-stretch: normal;
  font-weight: 400;
  font-display: swap;
}


.download-now{


    /* Trail-yellow */
  
    background: #FFF209;
    /* Shadow/balanced/low */
  
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.15);
    color:#000000;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    
    gap: 8px;
  
  
  }
  .download-now>a{
    color:#000000;
  }

  .wp-block-navigation__container{
    gap: max(1rem, 2.5rem);
  }

  .page .entry-title {
    display: none;
  }

  a.wp-block-latest-posts__post-title {
    color: #ffffff;
}

body{
  font-family: 'PPNeueMontreal';
}

/* Added by Tejas */

ul, ol {
/* 	padding-left: 1em; */
}


body .is-layout-flex {
	gap: 2.5rem;
}

body .is-layout-constrained > * {
/* 	margin-block-start: 2.5rem; */
}

body .is-layout-flow > * + * {
	margin-block-start: 2rem;
}

.wp-site-blocks > * + * {
/* 	padding-block-end: 5rem; */
}

.wp-block-latest-posts.is-grid li {
/* 	margin-bottom: 0; */
}

.wp-block-latest-posts__post-author, .wp-block-latest-posts__post-date {
	opacity: 0.6;
}

.wp-block-media-text {
	display: flex;
	flex-direction: row;
	gap: 2.5rem;
/* 	grid-template-columns: 1fr 1fr; */
	margin-block-start: 3.75rem;
}

.wp-block-media-text.has-media-on-the-right {
	grid-template-columns: 1fr 1fr;
}

.is-nowrap {
	flex-wrap: nowrap;
}

.wp-block-media-text .wp-block-media-text__content {
  padding: 2.5rem 2.5rem 2.5rem 0;
  display: flex;
  flex-direction: column;
  flex: 1 1 calc(50% - 3.75rem);
  justify-content: space-between;
  align-items: stretch;
  align-self: stretch !important;
}

.wp-block-media-text .wp-block-media-text__content h3 a {
  color: var(--wp--preset--color--foreground) !important;
}

.wp-block-media-text.has-media-on-the-right .wp-block-media-text__content {
	padding-right: 0;
	padding-left: 2.5rem;
}

.wp-block-media-text .wp-block-media-text__media {
	margin-bottom: -1px;
	display: flex;
  	flex: 1 0 calc(50% - 1.25rem);	
	overflow: hidden;
	justify-content: center;
}
.wp-block-image figcaption {
	font-size: var(--wp--custom--typography--font-size--small);
	line-height: var(--wp--custom--typography--line-height--small);
	max-width: 45rem;
	text-align: right;
	color: var(--wp--preset--color--meta);
	margin-left: auto;
	margin-right: auto;
}

.hero-image {
	position: relative;
	padding-top: calc(756 / 1432 * 100%);
	overflow: hidden;
	height: 0;
}

.hero-logo {
	position: relative;
	padding-top: calc(224 / 1432 * 100%);
	overflow: hidden;
	height: 0;
}

.hero-logo img {
	object-fit: cover;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0%;
/* 	transform: translate3d(0, -50%, 0); */
	z-index: 999;
}

.hero-image img {
	object-fit: cover;
	position: absolute;
	left: 0;
	right: 0;
	top: 0%;
/* 	transform: translate3d(0, -50%, 0); */
	z-index: 999;
}

.elig-type {
	padding: calc(var(--wp--custom--spacing--outer)*2) calc(var(--wp--custom--spacing--outer)*0.6);
	background-color: var(--wp--preset--color--quinary) !important;
	position: relative;
}

.elig-type .wp-block-group {
	position: relative;
	z-index: 1001;
}

.elig-type:before {
	content: "";
	width: clamp(2.5rem, 5vw, 5rem);
	height: clamp(5rem, 10vw, 10rem);
	background: transparent;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 999;
}

.elig-type.pr:before {
	background: #FFAA33;
}

.elig-type.citizen:before {
	background: #75DCEA;
}

.elig-type.i_s:before {
	background: #3CAE41;
}

.eligibility-check {
	background-image: url(assets/images/yellow-square.svg), url(assets/images/community-grey.svg);
    color: var(--wp--preset--color--foreground)!important;
    background-repeat: no-repeat, no-repeat;
    background-color: var(--wp--preset--color--background) !important;
    background-position: top left, calc(100% + 13.5rem) 2.5rem;
}

.radio-button-group, .eligibility-form {
	display: flex;
	flex-direction: column;
	gap: 1.25rem;
}

.radio-button-group {
	padding: var(--wp--preset--spacing--60) 0;
}

.radio-button-group a, .radio-button-group .dropdown {
	font-size: var(--wp--custom--typography--font-size--medium);
	line-height: var(--wp--custom--typography--line-height--medium);
	padding: .65rem 1.25rem 0.85rem;
	background-color: var(--wp--preset--color--quinary);
	color: var(--wp--preset--color--background);
	display: inline-block;
}

.input-group {
	gap: 1.25rem;
}

.input-group label {
	cursor: pointer;
	position: relative;
}

.input-group label span {
	font-size: var(--wp--preset--font-size--x-large);
	font-weight: 500;
	line-height: 1.2857142857;	
	padding: .65rem 1.25rem 0.85rem;
	background-color: var(--wp--preset--color--quinary);
	color: var(--wp--preset--color--background);
	display: inline-block;
}

.input-group label input {
	position: absolute;
	clip: rect(0px,0px,0px,0px);
}

.input-group label:hover span {
	border-radius: 2rem;	
}

.input-group input:checked + span {
	color: var(--wp--preset--color--quinary);
	background-color: var(--wp--preset--color--background);
	border-radius: 2rem;
}

label input:not([type="radio"]):not([type="checkbox"]), label .dropdown {
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	appearance: none;
	outline: 0;
	position: relative;
	padding-top: calc(var(--wp--custom--spacing--outer)*0.6);
	padding-bottom: calc(var(--wp--custom--spacing--outer)*0.1);
	background: var(--wp--preset--color--foreground);
	color: var(--wp--preset--color--background);
	font-size: var(--wp--preset--font-size--medium);
	line-height: var(--wp--custom--typography--line-height--normal);
	box-shadow: 0 1px 0 0 var(--wp--preset--color--meta);
	border-width: 0;
/* 	border-color: var(--wp--preset--color--quinary); */
	display: block;
    width: 100%;
}

.wpcf7-form label {
	margin-bottom: var(--wp--custom--spacing--outer);
	display: block;
}


label .dropdown {
	background-image: url(assets/images/chevron-white.svg);
	background-position: right 0.25em bottom 0.1em;
	background-repeat: no-repeat;
}

label .dropdown::after {
   content: '\25BC';
   position: absolute;
   top: 0;
   right: 0;
   padding: 0 1em;
   background: #2b2e2e;
   cursor:pointer;
   pointer-events:none;
   transition:.25s all ease;
}

label input:not([type="radio"]):not([type="checkbox"]):focus {
	background: var(--wp--preset--color--quinary);
	box-shadow: 0 2px 0 0 var(--wp--preset--color--background);
/* 	border-color: var(--wp--preset--color--background); */
	outline: none;
}

.wpcf7-list-item {
	margin-left: 0;
}

label input[type="checkbox"], label input[type="radio"] {
	display: inline-block;
}

label:has(input[type="checkbox"]) span, label:has(input[type="radio"]) span {
	display: inline-block;
}


label span {
	display: block;
	color: var(--wp--preset--color--background);
	font-size: var(--wp--preset--font-size--medium);
	line-height: var(--wp--custom--typography--line-height--normal);
/* 	padding-top: calc(var(--wp--custom--spacing--outer)*0.3); */
	text-transform: lowercase;
}

input[type="submit"] {
	text-transform: lowercase;
	font-weight: 500;
	border-radius: 0;
}

.has-error span {
/* 	color: #F60018; */
}

.has-error input {
	box-shadow: 0 2px 0 #F60018;
	background-image: url(assets/images/error.svg);
	background-size: 1.25em auto;
	background-position: right 0.5em bottom 0.25em;
	background-repeat: no-repeat;

/* 	border-width: 0 0 2px; */
}

#error-message {
	background: url(assets/images/error.svg) no-repeat left center;
	background-size: calc(var(--wp--custom--spacing--outer)*1.5) auto;
	padding-left: calc(var(--wp--custom--spacing--outer)*3);
}

label span + input, label span + .dropdown {
	margin-bottom: calc(var(--wp--custom--spacing--outer)*1);
}

.radio-button-group .dropdown {
	appearance: none;
	font-family: var(--wp--preset--font-family--ppneuemontreal);
	font-size: var(--wp--preset--font-size--x-large);
	font-weight: 500;
	line-height: var(--wp--custom--typography--line-height--small);
	border-radius: 3rem;
	border: 1px solid var(--wp--preset--color--background);
	padding-right: 3rem;
	background-image: url(assets/images/chevron-white.svg);
	background-repeat: no-repeat;
	background-position: right 1rem center;
	max-width: 20rem;
}

.backgroundBg {
	background: transparent !important;
}

.zfFormHeader h2 {
	font-family: var(--wp--preset--font-family--ppneuemontreal) !important;
}

.eligibility-result {
	color: var(--wp--preset--color--background);
	background-color: var(--wp--preset--color--quinary); 
	padding: var(--wp--custom--spacing--outer);
	min-height: 25rem;
}

.eligibility-result.eligible {
	color: var(--wp--preset--color--foreground) !important;
	background: var(--wp--preset--color--green) !important;
}

.post-content, .faq-content {
	background: var(--wp--preset--color--background);	
	color: var(--wp--preset--color--foreground);
}


.post-content h1, .post-content h2, 
.post-content h3, .post-content h4, 
.post-content h5, .post-content h6,
.post-content ul, .post-content ol,
.special_instructions ul, .special_instructions ol,
.special_instructions p {
	max-width: 45rem;
	margin-left: auto;
	margin-right: auto;
}

.post-content li + li {
	margin-block-start: 0.75rem;
}

.post-content a:where(:not(.wp-element-button)), .faq-content a:where(:not(.wp-element-button)) {
	color: var(--wp--preset--color--foreground) !important;
	text-decoration: underline !important;
}

.post-content figure:where(:not(.alignleft):not(.alignright):not(.alignfull)) img {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.post-meta {
	color: var(--wp--preset--color--foreground);
}

.canoo-ratings-cta .app-store-proof{
	margin-block-start: 0 !important;
}

.canoo-ratings-cta .app-store-proof.with-background {
	background: #66d6e6;
}

.canoo-ratings-cta .download-header {
	margin-bottom: -0.6rem;
    gap: 0.25rem;
    flex-direction: column;
    align-items: flex-start;
}

.canoo-ratings-cta .download-header h5 {
	margin-left: 0;
}

.canoo-ratings-cta .wp-block-buttons {
	align-items: flex-start;
}

.canoo-ratings-cta .wp-block-buttons.is-vertical>.wp-block-button.wp-block-button__width-75 {
	max-width: 19.5rem;
}

.app-cover-img img {
	margin-top: -2.5rem;
}

.post-content .canoo-ratings-cta {
	margin: var(--wp--custom--spacing--outer) auto;
	max-width: 30rem;
}

.post-content .canoo-ratings-cta .download-canoo-button .wp-block-button__link {
	background-color: var(--wp--preset--color--primary) !important;
}

.archive-grid {
	display: flex;
	flex-wrap: wrap;
	gap: var(--wp--custom--spacing--outer);
}

.archive-grid * + * {
}

.archive-grid .wp-block-post-date {
	opacity: 0.6;
}

.archive-grid li {
	display: flex;
	flex-basis: 0;
    flex-grow: 1;
	flex-direction: column;
	margin-block-start: 0;
	flex: 1 0 calc(33.33% - 1.66667rem);
	max-width: calc(33.33% - 1.66667rem);
}

.archive-grid .wp-block-post-title {
	line-height: var(--wp--custom--typography--line-height--small);
}

.archive-grid li a {
	color: var(--wp--preset--color--background);
	margin-bottom: .5rem;
}

#am_posts_navigation_init .page-numbers.current, #am_posts_navigation_init .page-numbers:hover {
	color: var(--wp--preset--color--tertiary);
}

.am_posts_navigation {
	display; flex;
	justify-content: center;
	gap: .75rem;
}

.wp-block-query-pagination {
	margin-block-start: 5rem;
	margin-bottom: var(--wp--custom--spacing--outer);	
}

.wp-block-query-pagination-numbers {
	padding: 1.25rem 0;
	margin: 0;
	text-align: center;	
}

h1, h2, h3, h4, h5, h6, p {
	margin: 0;
}

/* .post-content p:first-of-type:first-letter, */
.has-drop-cap:not(:focus)::first-letter {
    float: left;
    font-size: 104px;
    font-weight: 700;
    line-height: .9;
    margin: 0em 0.1em 0 0;
    text-transform: lowercase;
    width: 1em;
    text-align: center;
}

p {
	font-size: var(--wp--preset--font-size--medium);
/* 	line-height: 1.6; */
	max-width: 36em !important;
/* 	padding-bottom: 2rem; */
}

.wp-block-quote {
	max-width: 45rem !important;
	border-width: 0;
	padding-top: calc(20px*var(--wp--custom--typography--line-height--medium));
	padding-bottom: calc(20px*var(--wp--custom--typography--line-height--medium));
	padding-left: 8.333%;
}

.wp-block-quote p {
	font-weight: 500;
	font-size: var(--wp--preset--font-size--x-large);
    line-height: var(--wp--custom--typography--line-height--small);
	padding-bottom: calc(20px*var(--wp--custom--typography--line-height--medium));
}

.wp-block-quote cite {
	font-size: var(--wp--custom--typography--font-size--small);
    line-height: var(--wp--custom--typography--line-height--small);
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 0.075em;
}

.wp-block-post-author-name {
	font-weight: 500;
}

:root :where(a:where(:not(.wp-element-button))), a:where(:not(.wp-element-button)) {
	text-decoration: none;
}

.app-video {
	border-radius: 2.5rem;
	overflow: hidden;
	border: .25rem solid var(--wp--preset--color--tertiary);
	margin: 0 auto;
}

.app-video video {
	display: block;
}

.app-video.large {
	max-width: 25rem;	
}

.app-video.small {
	max-width: 16rem;
}

.our-partners-home {
	background: url("assets/images/partners.svg") no-repeat left -5vw top 15vh;
	background-size: 20rem;
}

.large-numbers {
	counter-reset: section;
}

.large-numbers > div {
	position: relative;
	counter-increment: section;
}

.large-numbers > div:before {
	content: counter(section);
	position: absolute;
	top: -6vh;
	left: 0;
	font-family: 'PP Neue Montreal', sans-serif;
	font-style: normal;
	font-weight: 600;
	font-size: 25rem;
	line-height: 1;
	leading-trim: both;
	text-edge: cap;
	text-transform: lowercase;
	color: #737373;
	opacity: 0.12;
}

.large-numbers > div:nth-of-type(even):before {
	left: auto;
	right: 0;
}

.partners-grid img {
	display: block;
	margin-left: auto;
	margin-right: auto;
	max-width: calc(100% - 2*var(--wp--custom--spacing--outer));
}

.partnership-benefits {
	background: url("assets/images/partners.svg") no-repeat right bottom;
	background-size: auto 100%;
}

.member-quote {
	background: url('assets/images/quote.svg') no-repeat 100% 100% #66D6E6;
	background-size: 75% auto;
	height: 100%;
}

.member-quote .quote-text {
	text-indent: -0.4em;
}

.donation-methods {
	background: url("assets/images/recommendations.svg") no-repeat left bottom;
	background-size: 42% auto;
}

.premium-offers {
	background: url("assets/images/deals.svg") no-repeat right -5vw center;
	background-size: 40% auto;
}

/* .img-cover {
	position: relative;
} */

.img-cover:after {
/* 	content: "";
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.24) 100%);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 500; */
}

/* .img-cover h3 {
	position: absolute;
	left: var(--wp--custom--spacing--outer);
	right: var(--wp--custom--spacing--outer);
	bottom: var(--wp--custom--spacing--outer);
	z-index: 1001;
}

.img-cover .wp-block-image {
	margin: 0 0 0;
}
 */

.cover-card {
	min-height: 17.5rem;
	background: var(--wp--preset--color--quinary);
	padding: calc(var(--wp--custom--spacing--outer)/2);
}

.call-out {
	padding: 1rem;
	background: var(--wp--preset--color--tertiary);
}

.stats > div {
	gap: 0 !important;
}

.gov-gen-quote .wp-block-media-text__content {
	align-self: end !important;
}

.gov-gen-quote .wp-block-media-text__media {
	justify-content: flex-end;
}

.gov-gen-quote .wp-block-media-text__media img {
	width: calc(83% - 2.5rem);
}

.space-between {
	display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex: 1 1 auto;
}

.feature-sets {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	flex: 1 1 auto;
	align-self: stretch !important;
	align-items: stretch;	
}

.each-feature {
/* 	opacity: 0.4; */
/* 	animation-name: feature-cycle;
	animation-duration: 2s; */
}

/* .each-feature:first-of-type {
	animation-delay: 0;
}

.each-feature:nth-of-type(2) {
	animation-delay: 2s;
}

@keyframes feature-cycle {
	0% {
		opacity: 0.4;
	}
	100% {
		opacity: 1;
	}
} */

.each-feature img {
/* 	filter: grayscale(100%); */
}

.each-feature.active {
	opacity: 1;
}

.each-feature.active img {
	filter: grayscale(0%);
}

.app-screens-container {
	position: relative;
}

.help-center-grid a:where(:not(.wp-element-button)), .help-center-grid a {
	color: var(--wp--preset--color--background) !important;
	display: block;
	position: relative;
}

.help-center-grid a:where(:not(.wp-element-button)):after, .help-center-grid a:where(:not(.wp-block-button__link)):after { 
	content: "";
	display: inline-block;
	position: relative;
	width: 1.5rem;
	height: 1.5rem;
	margin-left: .1rem;
	background: url("assets/images/chevron-right-grey.svg") no-repeat center center;
	top: 0.4rem;
}

.help-center-grid a:where(:not(.wp-element-button)):after, .help-center-grid a:where(:not(.wp-block-button__link)):after {
	text-decoration: underline;
}

.help-center-grid .has-medium-font-size {
	line-height: var(--wp--custom--typography--line-height--medium);
	font-weight: 400;
}

.help-center-grid h4.wp-block-heading a {
	position: relative;
}

.help-center-grid h4.wp-block-heading > a:after {
	content: "";
	display: inline-block;
	position: relative;
	width: 1.5rem;
	height: 1.5rem;
	margin-left: .5rem;
	background: url("assets/images/chevron-yellow.svg") no-repeat center center;
	top: 0.25rem;
}

.faq-cat-group, .top-questions {
	padding: calc(var(--wp--custom--spacing--outer)/2) calc(var(--wp--custom--spacing--outer)/2) calc(var(--wp--custom--spacing--outer)/2);
}

.faq-cat-group:hover {
	background: var(--wp--preset--color--quinary);
}

.top-questions {
	margin-bottom: calc(var(--wp--custom--spacing--outer)/1);
	background: url("assets/images/science.svg") no-repeat right calc(var(--wp--custom--spacing--outer)/2) bottom calc(var(--wp--custom--spacing--outer)/1);
	background-size: 25vw auto;
}

.top-questions h4.wp-block-heading:after {
	background: none;
}

.top-question-group {
	
}

.search-results .wp-block-post-title {
	font-size: var(--wp--preset--font-size--x-large);
	line-height: var(--wp--custom--typography--line-height--medium);
	font-weight: 500; 
}

.search-results .wp-block-post-title a {	
	color: var(--wp--preset--color--background) !important;	
}

/* Tejas edit complete */

h1.alignwide.wp-block-post-title {
  display: none;
}

h2.am__title, a.am__readmore, a.page-numbers {
  color: #ffffff;
}

.page-numbers {
    min-width: 2rem;
    display: inline-block;
    height: 40px;
    text-align: center;
    line-height: 2.5rem;
    background: var(--wp--preset--color--tertiary);
    color: var(--wp--preset--color--background);
    padding: 0 0.25rem;
    text-decoration: none;
    font-size: var(--wp--custom--typography--font-size--medium);
    margin: 0 0.375rem;
}

.page-numbers.current {
	background: var(--wp--preset--color--background);
	border-radius: 2rem;
	color: var(--wp--preset--color--foreground) !important;
}

.page-numbers:hover {
	border-radius: 2rem;
	background: var(--wp--preset--color--tertiary);
}

/* Blog page grid layout */

.am_ajax_post_grid_wrap {
	padding-bottom: var(--wp--custom--spacing--outer);
}

.am_grid_col {
    -ms-flex: 0 0 30.333333%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 30.333333%;
    flex: 0 0 30.333333%;
    max-width: 30.333333%;
    flex-direction: column;
    display: flex;
}

.am_grid_col-1.guides .am_cont {
	margin-left: calc(50% + 1.25rem);
}

.am__col-3 .am_grid_col-1 {
  -ms-flex: 0 0 99.9%;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 99.9%;
          flex: 0 0 99.9%;
  max-width: 99.9%;
}

.am__col-3 .am_grid_col-2 {
/*   margin-bottom: 30px;
  margin-right: 20px; */
}

.am_grid_col, .am_grid_col-2 {
	-ms-flex: 0 0 calc(33.333333% - 1.6666666667rem);
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 calc(33.333333% - 1.6666666667rem);
    flex: 0 0 calc(33.333333% - 1.6666666667rem);
    max-width: calc(33.333333% - 1.6666666667rem);	
}

.am_grid_col-2 {
/*   -ms-flex: 0 0 calc(50% - 1.6666666667rem);
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 calc(50% - 1.6666666667rem);
          flex: 0 0 calc(50% - 1.6666666667rem);
  max-width: calc(50% - 1.6666666667rem); */
}

.am_grid_col:nth-of-type(8n + 2), .am_grid_col-2:nth-of-type(8n + 2) {
	flex: 0 0 calc(66.66% - 0.8333333333rem);
    max-width: calc(66.66% - 0.8333333333rem);
}

.am_grid_col:nth-of-type(8n + 2) .am_cont, .am_grid_col-2:nth-of-type(8n + 2) .am_cont {
	margin-left: calc(50% + 1.25rem);
}

.am_grid_col:nth-of-type(7), .am_grid_col-2:nth-of-type(7) {
	flex: 0 0 calc(50% - 1.6666666667rem);
    max-width: calc(50% - 1.6666666667rem);
}

.am_grid_col:nth-of-type(8), .am_grid_col:nth-of-type(9), .am_grid_col-2:nth-of-type(8), .am_grid_col-2:nth-of-type(9) {
	flex: 0 0 calc(25% - 1.6666666667rem);
    max-width: calc(25% - 1.6666666667rem);
}

.col-left-volunteers {
	background: var(--wp--preset--color--luminous-vivid-amber) !important;
	color: var(--wp--preset--color--foreground) !important;
}

.col-left-partners{
	  background: url('assets/images/quote.svg') no-repeat calc(20% + 3.5rem) 100% #66D6E6;

/*   float:left;
  width:44.66%;
  background: #62D367;

  color: #000000;
  min-height: 500px;
  padding:40px;
  background-image: url('assets/images/quote.svg');
  background-repeat: no-repeat;
  background-position: bottom right; */
 

}
.col-left-members {
  background: url('assets/images/quote.svg') no-repeat calc(20% + 3.5rem) 100% #62D367;
/*   float:left;
  width:44.66%;
  color: #000000;
  min-height: 500px;
  padding: 40px;
  background-image: url('assets/images/quote2.png');
  background-repeat: no-repeat;
  background-position: bottom right; */

}

.col-left-volunteers {
  background: url('assets/images/quote.svg') no-repeat calc(20% + 3.5rem) 100% #62D367;
/*   float:left;
  width:44.66%;
  color: #000000;
  min-height: 500px;
  padding: 40px;
  background-image: url('assets/images/quote2.png');
  background-repeat: no-repeat;
  background-position: bottom right; */

}

.col-right-partners, .col-right-members, .col-left-members, .col-left-volunteers, .col-left-partners {
  color: var(--wp--preset--color--foreground) !important; 
}

.col-right-partners a:where(:not(.wp-element-button)), .col-right-members a:where(:not(.wp-element-button)),
.col-left-members a:where(:not(.wp-element-button)), .col-left-partners a:where(:not(.wp-element-button)) {
  color: var(--wp--preset--color--foreground) !important; 
}
.col-left-volunteers a:where(:not(.wp-element-button)), .col-left-partners a:where(:not(.wp-element-button)) {
  color: var(--wp--preset--color--foreground) !important; 
}


.col-left-partners {
	background: 66d6e6;
	flex-direction: row-reverse;
}

.col-left-partners .wp-block-media-text__content {
	padding: 2.5rem 2.5rem 2.5rem 0 !important;
}

.am_posts_navigation {
	margin-block-start: 5rem;
	margin-bottom: var(--wp--custom--spacing--outer);
}

.am_single_grid .text-content {
	gap: 1.25rem;
}

span.cat-guides {
  position: absolute;
	padding: 0.25rem 0.75rem;
	display: inline-block;
	text-transform: uppercase;
	font-weight: 700;
	background: #FF6E7F;
/* 	background: var(--wp--preset--color--green); */
	color: var(--wp--preset--color--foreground);
	font-size: var(--wp--custom--typography--font-size--small);
	line-height: 2rem;
	letter-spacing: 2%;	
}

span.cat-partners{
  position: absolute;
  background: #62D367;
  padding: 0.25rem 0.75rem;
  display: inline-block;
  text-transform: uppercase;
  font-weight: 700;
  background: var(--wp--preset--color--green);
  color: var(--wp--preset--color--foreground);
  font-size: var(--wp--custom--typography--font-size--small);
  line-height: 2rem;
  letter-spacing: 2%;
}

span.cat-members{
  position: absolute;
  background: #66D6E6;
  padding: 20px;
  padding: 0.25rem 0.75rem;
  display: inline-block;
  text-transform: uppercase;
  font-weight: 700;
  color: var(--wp--preset--color--foreground);
  font-size: var(--wp--custom--typography--font-size--small);
  line-height: 2rem;
  letter-spacing: 2%;
}

span.cat-volunteers{
  position: absolute;
  background: #66D6E6;
  padding: 20px;
  padding: 0.25rem 0.75rem;
  display: inline-block;
  text-transform: uppercase;
  font-weight: 700;
  color: var(--wp--preset--color--foreground);
  font-size: var(--wp--custom--typography--font-size--small);
  line-height: 2rem;
  letter-spacing: 2%;
}

.am_single_grid:hover .am_thumb img{
  transform: none;
}

.am_thumb img {
/*   height: 615px; */
	height: auto;
	max-width: unset;
	vertical-align: middle;
	width: 100%;
}

.am_cont{
  padding: .5rem 0;
}

.am_cont a {
  text-decoration: none; 
}

.am__title {
  color: var(--wp--preset--color--background);
}

.am_cont h2.am__title, a.am__readmore {
  color: #ffffff;
}

.am__excerpt {
  color: var(--wp--preset--color--background);
	opacity: 0.6;

}

.col-left-members .am_cont h2.am__title, a.am__readmore, .col-left-partners .am_cont h2.am__title, a.am__readmore {
  color: #000000;
}

a.am__readmore{
  margin-top: 2rem;
  background-image: url('assets/images/readmore.png');
  background-repeat: no-repeat;
  background-position: 40%;
}

.am_thumb{
/*   height: 580px; */
}

#am_posts_navigation_init {
	padding: 1.25rem 0;
	margin: 0;
}

/* Blog page grid layout */

/* Single post */

.taxonomy-category.catname.wp-block-post-terms a{
  color: #ffffff;
  text-decoration: none;
  	
}

.post-title h1.alignwide.wp-block-post-title {
  display: block;
}

.sfsiaftrpstwpr {
	max-width: 720px !important;
}

/* Single post */


/* Homepage */
.quote {
  background: url('assets/images/quote.svg') no-repeat calc(25% + 3.5rem) 100%;
}

.quote2{
  background-image: url('assets/images/quote2.png');
  background-repeat: no-repeat;
  background-position: 100% 100%;
}

.wp-site-blocks > * + * {
  margin-block-start: 5rem;
}

figure.wp-block-image.size-full.img-overflow {
  margin-block-start: -6.99rem;
}

.wp-block-buttons > .wp-block-button.has-custom-width .wp-block-button__link{
  background: var(--wp--preset--color--foreground);
  text-align: left;
  background-image: url('assets/images/arrow-white.svg');
  background-repeat: no-repeat;
  background-position: right 1rem center;

}

.wp-block-buttons .wp-block-button__link.has-primary-background-color {
  background-image: url('assets/images/arrow-dark.svg') !important;
  background-repeat: no-repeat;
  background-position: right center;
}

.wp-block-buttons > .wp-block-button.has-custom-width .wp-block-button__link.has-primary-background-color {
	text-align: left;
  	background-image: url('assets/images/arrow-dark.svg') !important;
  	background-repeat: no-repeat;
  	background-position: right 1rem center;
}

.wp-block-buttons.is-vertical {
	gap: 1.25rem;
}

.wp-block-buttons > .wp-block-button {
	display: block;
	text-transform: lowercase;
	font-weight: 500;
/* 	width: 100%; */
}

.wp-block-button .wp-block-button__link {
	display: block;
}

.download-canoo-button .wp-block-button__link {
	background: url('assets/images/qr-code-0624.png') no-repeat calc(100% - 8px) center var(--wp--preset--color--background) !important;
	color: var(--wp--preset--color--foreground);
	text-align: left;
	display: block;
	background-size: 6rem auto !important;
}

.download-canoo-link {
	display: none !important;
}

body .is-layout-flex.app-store-proof {
	gap: calc(var(--wp--custom--spacing--outer)/2);
}

body .is-layout-flex.app-store-proof + * {
	margin-block-start: 0;
}

.app-store-proof .is-layout-flow > * + * {
	margin-block-start: 0.25rem;
}

.viewallfaq{
  background-image: url('assets/images/view.png');
  background-repeat: no-repeat;
  background-position: 30%;
}

.readmore, .viewall {
	position: relative;
	font-weight: medium;
}

.viewall a {
	color: var(--wp--preset--color--background);
}

.readmore a {
	color: var(--wp--preset--color--foreground);

}

.readmore:after, .viewall:after {
	content: "";
	height: 1.5rem;
	width: 1.5rem;
	margin-left: 0.5rem;
	display: inline-block;
	position: relative;
	top: 0.25em;
	background: url('assets/images/arrow-white.svg') no-repeat center center;
}

.readmore:after {
	background: url('assets/images/arrow-dark.svg') no-repeat center center !important;
}

.wp-block-yoast-faq-block .schema-faq-section {
	margin-bottom: 0;
}

.wp-block-yoast-faq-block .schema-faq-question {
  font-size: 1.25rem;
  font-weight: 600;
  text-decoration: none;
  margin: 0;
  padding: 1rem 2.5rem 1rem 0;
  line-height: 1.6;
  cursor: pointer;
  position: relative;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: block;
  color: #ffffff;
  font-family: 'PPNeueMontreal';
}

.wp-block-yoast-faq-block p.schema-faq-answer {
	font-size: 1.25rem;
  font-weight: normal;
  text-decoration: none;
  margin: 0;
  padding: 0 2.5rem 1rem 0;
  line-height: 1.6;
}

.faq-left{
/*   padding-right: 7rem; */
	display: flex;
	justify-content: space-between;
  flex-direction: column;
}

.home-faq-section {
	background: url("assets/images/science.svg") no-repeat left -12vw bottom;
	background-size: 40vw auto;
}

.top-faq-collapsible > .wp-block-group > p {
	font-weight: 700;
}

.top-faq-collapsible > .wp-block-group > p a {
	display: block;
	color: var(--wp--preset--color--background) !important;
	position: relative;
}

.top-faq-collapsible > .wp-block-group > p a:after {
	content: "";
	display: inline-block;
	background: url("assets/images/chevron-right-grey.svg") no-repeat center center;
	width: 2rem;
	height: 2rem;
	margin-left: 0.5rem;
	position: absolute;
	right: 0;
}

.collapsible-content {
	display: none;
	height: 1px;
	overflow: hidden;
	max-height: 0px;
	transition-property: max-height;
	transition: 300ms ease-in;
}

.collapsible-content.ca-expanded {
	display: block;
	height: auto;
	overflow: visible;
	max-height: auto;
}

.wp-block-search__inside-wrapper  {
}

.wp-block-search__input {
	background: url("assets/images/search.svg") calc(100% - var(--wp--custom--spacing--outer)) center no-repeat var(--wp--preset--color--quinary);
	color: var(--wp--preset--color--background);
	border-width: 0px;
	font-size: var(--wp--preset--font-size--medium);
	line-height: var(--wp--custom--typography--line-height--normal);
	padding: 1.25rem var(--wp--custom--spacing--outer);
}

.wp-block-search__button {
	display: none;
}

.faq-group {
	padding: 1.25rem 0;
}

.faq-group h5 {
	font-size: var(--wp--preset--font-size--medium);
	line-height: var(--wp--custom--typography--line-height--normal);
	text-transform: initial;
}

.faq-group h5 a {
	color: var(--wp--preset--color--background);
	text-decoration: none;	
}

.faq-group li + li {
	margin-block-start: 1rem;
}

.faq-list-view {
	padding: 1.5rem 0;	
}

.taxonomy-faq-categories {
	margin-top: 0.25rem;
	display: flex;
	gap: calc(0.125*var(--wp--custom--spacing--outer));
	align-items: center;
}

.taxonomy-faq-categories, .taxonomy-faq-categories a {
	color: var(--wp--preset--color--meta);		
}

.wp-block-post-terms__prefix {
	display: inline-block;
}
.faq-categories-list {
	padding-left: 0;
	list-style: none;
	border-right: 1px solid var(--wp--preset--color--tertiary);
}

.faq-categories-list a {
	display: block;
	padding: 1.5rem calc(var(--wp--custom--spacing--outer));
	font-size: var(--wp--preset--font-size--medium);
	color: var(--wp--preset--color--background);
	line-height: var(--wp--custom--typography--line-height--normal);
}


.type-faq a {
	display: block;
	color: var(--wp--preset--color--background);
	line-height: var(--wp--custom--typography--line-height--normal);	
}

.type-faq + .type-faq {
/* 	margin-block-start: 1rem; */
}

/* Homepage */

/* footer */

.footer-cls{
  padding-top: 2.5rem !important;
}

.footer-switcher .trp-language-switcher > div > a{
  color: #000000;
}


/* footer */

/*Explore*/
.filter-options {
	display: flex;
	list-style: none;
	gap: 4vw;
	padding-left: var(--wp--custom--spacing--outer);
	padding-right: var(--wp--custom--spacing--outer);
	text-transform: lowercase;
}

.category-list-level-one {
	border-bottom: 2px solid var(--wp--preset--color--quinary);
}

.category-list-level-one a {
	padding-bottom: calc(1rem - 2px);
	border-bottom: 2px solid rgba(0,0,0,0);
	color: var(--wp--preset--color--meta);
	display: block;
}

.category-list-level-one a:hover {
	color: var(--wp--preset--color--background);
}

.category-list-level-one .active {
	color: var(--wp--preset--color--background);
	border-bottom: 2px solid var(--wp--preset--color--background);
}

.level-two-filters {
	gap: clamp(0.5rem, 2vw, 1rem);
	margin-top: 1rem;
}

.level-two-filters li {
	text-align: center;
	padding: 0.5rem 1rem;
	background: var(--wp--preset--color--tertiary);
	min-width: 3.5rem;
}

.level-two-filters li.active {
	background: var(--wp--preset--color--background);
    color: var(--wp--preset--color--foreground);
    border-radius: 2rem;
}

.app-content {
	margin-block-start: 2.5rem !important;
	padding-bottom: 5rem;
}

.app-content-partners p {
	margin-left: 0 !important;
}

.app-content-partners p + p {
	font-weight: bold;
	margin-block-start: 0 !important;
}

.app-content-grid {
	column-gap: 2.5rem;
	row-gap: 5rem;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	margin-block-start: 0 !important;
	padding: 0 0 5rem;
	list-style: none;
}

.app-content-grid a {
	color: var(--wp--preset--color--background);
	display: block;
}

.app-content-heading {
	line-height: var(--wp--custom--typography--line-height--small);
	font-size: var(--wp--preset--font-size--x-large);
	overflow-wrap: break-word;
}

.app-content-grid .each-grid-item {
	flex: 1 0 calc(25% - 1.875rem);
	margin-block-start: 0 !important;
	max-width: calc(25% - 1.875rem);
}

.each-grid-item figure, .app-content-media {
/* 	height: calc(100% - 6rem); */
/* 	height: 26rem; */
	position: relative;
	padding-bottom: 125%;
	height: 0;
}

.each-grid-item img, .app-content-media img {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	min-width: 100%;
    height: 100% !important;
    object-fit: cover;
}

.app-content-grid .each-grid-item .wp-block-image {
	margin: 0;
}

.app-content-grid .app-content-meta {
	padding: 0.75rem 0 0;
}

.top-grid .each-grid-item {
	flex: 1 0 calc(33% - 1.6667rem);
	max-width: calc(33% - 1.6667rem);
}

.top-grid .each-grid-item figure {
/* 	height: 35rem; */
}

.top-grid .each-grid-item:nth-of-type(1), .top-grid .each-grid-item:nth-of-type(2){
	flex: 1 0 calc(50% - 1.25rem);
	max-width: calc(50% - 1.25rem);
}

.top-grid .each-grid-item:nth-of-type(1) a, .top-grid .each-grid-item:nth-of-type(2) a{
	position: relative;
	
}

.top-grid .each-grid-item:nth-of-type(1) figure, .top-grid .each-grid-item:nth-of-type(2) figure {
/* 	height: 100%; */
}

.top-grid .each-grid-item:nth-of-type(1) a:after, .top-grid .each-grid-item:nth-of-type(2) a:after {
	content: "";
	background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.24) 100%);
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 500;
}

.top-grid .each-grid-item:nth-of-type(1) .app-content-meta, 
.top-grid .each-grid-item:nth-of-type(2) .app-content-meta {
	position: absolute;
	z-index: 501;
	bottom: 2.5rem;
	left: 2.5rem;
	right: 2.5rem;
}

.top-grid .each-grid-item:nth-of-type(1) .app-content-heading, .top-grid .each-grid-item:nth-of-type(2) .app-content-heading {
	line-height: var(--wp--custom--typography--line-height--tiny);
	font-size: var(--wp--custom--typography--font-size--huge);
}

.bottom-grid {
	padding-top: calc(2*var(--wp--custom--spacing--outer));
}

.listing-meta {
	display: flex;
	flex-direction: column;
	gap: 2.5rem;
}

.listing-meta div {
	margin: 0 !important;
	width: 100%;
}

.listing-meta ul {
	padding-left: 0;
	list-style: none;
}

.listing-meta li {
	border-bottom: 1px dotted var(--wp--preset--color--tertiary);
}

.listing-meta a {
	display: block;
	color: var(--wp--preset--color--background) !important;
	position: relative;
/* 	font-weight: bold; */
}

.listing-meta a:after {
	content: "";
	display: inline-block;
	background: url("assets/images/chevron-right-grey.svg") no-repeat center center;
	width: 2rem;
	height: 2rem;
	margin-left: 0.5rem;
	position: absolute;
	right: 0;
}

hr {
	border-width: 0;
}

hr.is-style-default {
	margin-left: 0;
}

.explore-list {
	list-style: none;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
    padding: 0 var(--wp--custom--spacing--outer);
    overflow-x: auto;
	gap: var(--wp--custom--spacing--outer);
}

.explore-list li {
	flex: 1 0 25%;
	max-width: 25%;
}

.explore-list::-webkit-scrollbar {
	display: none;
}

.explore-list a {
	color: var(--wp--preset--color--background);
}

/* Blog */

.asr-filter-div .asr_texonomy{
  background: var(--wp--preset--color--tertiary);
	padding: 0.5rem 1rem;	
}
.asr_texonomy.active {
  background: var(--wp--preset--color--background);
  color: var(--wp--preset--color--foreground);
  border-radius: 2rem;
}

.asr_texonomy:hover {
  background: var(--wp--preset--color--tertiary);
  border-radius: 2rem;
}

.cfield{
  width: 8.1px;
  height: 8.1px;
  background: var(--wp--preset--color--background);
  opacity: 0.6;
  display: inline-block;
  margin: 0 .5rem;
  border-radius: 50%;
}

/* Blog */

/* Single */

section.wp-block-group.has-foreground-color.has-background-background-color.has-text-color.has-background.is-layout-constrained {
/*
    margin-top: -10rem;
    padding: 10rem 0 20rem;
*/
}
.related-posts {
    margin-top: -17.5rem;
}

.related-posts h3 {
	max-width: 720px;
	margin-left: auto;
	margin-right: auto;
}

.taxonomy-category a {
	padding: 0.25rem 0.75rem;
	display: inline-block;
	text-transform: uppercase;
	font-weight: 700;
	background: var(--wp--preset--color--green);
	color: var(--wp--preset--color--foreground);
	font-size: var(--wp--custom--typography--font-size--small);
	line-height: 2rem;
	letter-spacing: 0.05em;
}

/* Single */

/* Settlement Agencies */
.city-set .agency-location {
/* 	margin-left: -1.25em; */
}

.agency-location {
	padding-left: 1.25em;
	background: url(assets/images/discover.svg) left center no-repeat;
	background-size: auto 1em;
}

.agency-location a {
	color: var(--wp--preset--color--background);	
}
.agency-url {
	padding-left: 1.25rem;
	background: url(assets/images/external.svg) left 0.4rem no-repeat;
	background-size: auto 1.1rem;
}

.agency-listing-container {
	max-width: calc(33% - 5rem/3);
}

.agency-listing {
	gap: var(--wp--preset--spacing--20) !important;
    flex-direction: column;
    align-items: flex-start !important;
}

.agency-listing a {
	display: block;
	color: var(--wp--preset--color--background);
	width: 100%;
}

.agency-listing p {
	margin-block-start: 0 !important;
    margin-block-end: 0 !important;
}

.agency-cover {
	width: 100%;
	box-sizing: border-box;
	background: var(--wp--preset--color--background);
	padding: calc(var(--wp--custom--spacing--outer)*0.5);
}

.agency-cover img {
	max-height: 20rem;
	margin-left: auto;
	margin-right: auto;
	display: block;
	object-fit: contain !important;

}

.city-set .agency-cover img {
	max-height: 20rem;
}

.city-filter {
	display: flex;
    flex-direction: row;
    align-items: center;
}

.city-filter span {
	padding-top: calc(var(--wp--custom--spacing--outer)*0.6);
	padding-bottom: calc(var(--wp--custom--spacing--outer)*0.1);
	min-width: 6rem;
}

.city-filter select {
	margin-bottom: 0 !important;
}

/* Modal dialog */
.modal {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1055;
	display: none;
	width: 100%;
	height: 100%;
	overflow-x: hidden;
	overflow-y: auto;
	outline: 0;
	background: rgba(26, 26, 26, 0.8);
}
.modal.show .modal-dialog {
    transform: none;
}
.modal.fade .modal-dialog {
    transition: transform .3s ease-out;
    transform: translate(0, -50px);
}
.modal-dialog {
  position: relative;
  width: auto;
  margin: var(--wp--preset--spacing--40);
  pointer-events: none;
  max-width: min(calc(100% - 1*var(--wp--preset--spacing--60)), 25em);
  margin-right: auto;
  margin-left: auto;
	display: flex;
	align-items: center;
	min-height: calc(100% - var(--wp--preset--spacing--40)* 2);
}
.modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  color: var(--wp--preset--color--background);
  pointer-events: auto;
  background-color: var(--wp--preset--color--foreground);
  background-clip: padding-box;
/*   border: var(--bs-modal-border-width) solid var(--bs-modal-border-color);
  border-radius: var(--bs-modal-border-radius); */
  outline: 0;
}
.modal-header {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: space-between;
  padding: var(--wp--preset--spacing--60) var(--wp--preset--spacing--60) 0;
}
.modal-header .btn-close {
  padding: calc(var(--wp--preset--spacing--60) * 0.5) calc(--wp--preset--spacing--60) * 0.5);
  margin: calc(-0.5 * var(--wp--preset--spacing--60)) calc(-0.5 * var(--wp--preset--spacing--60)) calc(-0.5 * var(--wp--preset--spacing--60)) auto;
}
.btn-close {
  --bs-btn-close-color: #fff;
  --bs-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e");
  --bs-btn-close-opacity: 0.5;
  --bs-btn-close-hover-opacity: 0.75;
  --bs-btn-close-focus-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
  --bs-btn-close-focus-opacity: 1;
  --bs-btn-close-disabled-opacity: 0.25;
  --bs-btn-close-white-filter: invert(1) grayscale(100%) brightness(200%);
  box-sizing: content-box;
  width: 1em;
  height: 1em;
  padding: 0.25em 0.25em;
  color: var(--bs-btn-close-color);
  background: transparent var(--bs-btn-close-bg) center/1em auto no-repeat;
  border: 0;
  border-radius: 0.375rem;
  opacity: var(--bs-btn-close-opacity);
  filter: invert(1) grayscale(100%) brightness(200%);	
}
.btn-close:hover {
  color: var(--bs-btn-close-color);
  text-decoration: none;
  opacity: var(--bs-btn-close-hover-opacity);
}
.btn-close:focus {
  outline: 0;
  box-shadow: var(--bs-btn-close-focus-shadow);
  opacity: var(--bs-btn-close-focus-opacity);
}
.btn-close:disabled, .btn-close.disabled {
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  opacity: var(--bs-btn-close-disabled-opacity);
}
:where(.wp-block-button__link) {
	border-radius: 0 !important;
}
.modal-body {
  position: relative;
  flex: 1 1 auto;
  padding: var(--wp--preset--spacing--40) var(--wp--preset--spacing--60) var(--wp--preset--spacing--60);
}
.modal-body input {
	
}

/*Landing page*/
.cool-things, .recommended-things {
	padding: var(--wp--preset--spacing--60) var(--wp--preset--spacing--60) var(--wp--preset--spacing--60);
    background: url("assets/images/science-blue.svg") bottom right no-repeat var(--wp--preset--color--quinary);
	background-size: calc(2*var(--wp--preset--spacing--60)) auto; 
    flex: 1 0 calc(50% - 1.25rem);
	align-self: stretch;
	box-sizing: border-box;
}
.recommended-things {
	background: url("assets/images/recommendations-yellow.svg") bottom right no-repeat var(--wp--preset--color--quinary);
	background-size: calc(2*var(--wp--preset--spacing--60)) auto; 
}
.landing-member-story {
	background: url("assets/images/quote-grey.svg") bottom right no-repeat var(--wp--preset--color--quinary);
}

.participation-steps {
	gap: 0 !important;
}

@media screen and (max-width: 1024px) {
	.registration-steps div:empty {
		display: none;
	}
	.registration-steps .step-text, .registration-steps .step-media {
		flex-basis: 50% !important;
	}
	.download-label p {
		display: none;
		visibility: hidden;
	}
}


@media screen and (max-width: 782px) {
	:root {
/* 		--wp--preset--spacing--80: 3rem !important; */
	}
	
	div:empty {
		display: none;
	}
	
	body .is-layout-flex {
		gap: calc(var(--wp--custom--spacing--outer)*1);
	}
	
	body .is-layout-constrained > * + * {
		margin-block-start: var(--wp--custom--spacing--outer);
	}
	
	body .is-layout-flow > * + * {
		margin-block-start: var(--wp--custom--spacing--outer);
	}
	
	header.wp-block-template-part {
		padding-top: 1.25rem;
		padding-bottom: 3.5rem;
	}
	
	header.wp-block-template-part .wp-block-buttons {
		display: none;
		visibility: hidden;
	}
	.wp-block-navigation__responsive-container {
		max-width: 100%;
	}
	.wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open {
	background-color: var(--wp--preset--color--foreground);
		color: var(--wp--preset--color--background);
	}

	.wp-block-navigation__responsive-dialog {
		padding-top: 10rem;
	}
	.wp-block-buttons .wp-block-button__link {
		background-image: none !important;
	}
	.primary-navigation .wp-block-navigation-item__label {
		font-family: var(--wp--preset--font-family--ppneuemontreal);
		font-size: var(--wp--custom--typography--font-size--huge);
		font-weight: 500;
		line-height: var(--wp--custom--typography--line-height--small);	
	}
	.wp-block-spacer {
		display: none;
	}
	
	.wp-block-spacer + * {
		margin-block-start: 0 !important;
	}

	.wp-block-buttons>.wp-block-button.wp-block-button__width-50, .wp-block-buttons>.wp-block-button.wp-block-button__width-75 {
		width: calc(100% - var(--wp--style--block-gap, .5em)*.5) !important;
	}
	
	.btm-center {
		padding-left: 20%;
		padding-left: calc(1px * (100% – (16px * 5)) / 6);
    	padding-right: var(--wp--custom--spacing--outer);
	}
	
	.wp-block-latest-posts.is-grid {
	    display: flex;
	    flex-wrap: nowrap;
	    padding: 0;
	    overflow-x: auto;
/* 	    margin-right: -20px !important; */
/* 	    margin-left: -20px !important; */
	    padding-left: var(--wp--custom--spacing--outer);
		max-width: inherit !important;
	}
	
	.wp-block-latest-posts.is-grid::-webkit-scrollbar {
	  display: none;
	}
	
	.wp-block-latest-posts.is-grid li {
			flex: 1 0 clamp(15rem, 50%, 50%);
	}
	
	.wp-block-media-text {
		flex-direction: column;
	}
	
	.wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__media {
		order: 1;
	}
	
	.wp-block-media-text .wp-block-media-text__content {
		padding: 0 1.25rem 2.5rem;
		order: 2;
		min-height: 20rem;
	}
	
	.wp-block-media-text.has-media-on-the-right .wp-block-media-text__content {
		padding: 0 1.25rem 2.5rem;
	}
	
	.col-center {
		padding-left: 0;
		padding-right: 0;
	}  
	
	.download-canoo-button, .download-canoo-button a {
		display: none !important;
	}
	
	.download-canoo-link {
		display: flex !important;
	}
	
	.large-numbers > div:before {
		font-size: 11rem;
		left: auto;
		right: 0;
		top: -2.5vh;
	}
	
	.large-numbers > div:nth-of-type(even):before {
		left: auto;
		right: 0;
	}
	
	.large-numbers > div:nth-of-type(even) > div:nth-of-type(3) {
		order: 1;
	}
	.large-numbers > div:nth-of-type(even) > div:nth-of-type(2) {
		order: 2;
	}
	
	.stats > div {
		flex: 1 0 auto;
	}
	.eligibility-check {
		padding-left: var(--wp--custom--spacing--outer) !important;
    	padding-right: var(--wp--custom--spacing--outer) !important;
		background-position: top left, calc(100% + 6.5rem) calc(100% + 5rem);
	    background-size: auto 13.5rem, 75% 75%;
	}

	.download-canoo > div:nth-child(2) {
		order: 1;
	}
	.download-canoo > div:nth-child(1) {
		order: 2;
	}
	.feature-sets {
		flex-direction: row;
		gap: 2.5rem;
 	}
	.first-set {
		order: 2;
 	}
	.second-set {
		order: 3;
 	}
	.each-feature {
		max-width: calc(50% - 1.25rem); 	
		flex: 1 0 calc(50% - 1.25rem);
 	}
 	.each-feature figure {
	 	width: 2.5rem;
 	}

 	.app-screens {
		order: 1;
 	}
	.post-content .entry-content {
		padding-top: 12.5rem;
		margin-top: -12.5rem;
		padding-bottom: 12.5rem;
	}
	.post-meta {
		color: var(--wp--preset--color--background);
	}
	.post-intro {
		flex-direction: column-reverse;
	}
	
	.footer-main-nav .wp-block-navigation__container {
		gap: 1.25rem;
		align-items: flex-start;	
	}
	
	.footer-main-nav .wp-block-navigation__container .wp-block-navigation-item {
		align-items: center;
		display: flex;
		position: relative;
		flex: calc(50% - 1.25rem);
	}
	.social-links {
		--navigation-layout-justify: space-between !important;
		--navigation-layout-justification-setting: space-between !important;
		justify-content: space-between !important;
		
	}
	.am_post_grid {
		gap: var(--wp--custom--spacing--outer);
	}
	
	.am_grid_col, .am_grid_col-2, .am_grid_col-3 {
		flex: 0 0 100% !important;
    	max-width: 100% !important;
	}
	.am_grid_col:nth-of-type(8n + 2) .am_cont, .am_grid_col-1.guides .am_cont, .am_grid_col-2:nth-of-type(8n + 2) .am_cont {
		margin-left: 0;
	}
	.gov-gen-quote .wp-block-media-text__media img {
		width: calc(83% - 2.5rem);
	}
	
	.faq-categories-list {
		display: none;
		visibility: hidden;
	}
	
	.faq-group h5 {
		max-width: var(--wp--style--global--content-size);
	}
	
	.faq-group {
		padding: 0;
	}
	.archive-grid li {
		display: flex;
		flex-basis: 0;
		flex-grow: 1;
		flex-direction: column;
		margin-block-start: 0;
		flex: 1 0 calc(100%);
		max-width: calc(100%);
	}
	.download-label, .download-ratings {
		gap: 0rem !important;
	}
	.download-label p {
		display: none;
		visibility: hidden;
	}
	.download-canoo-text {
		order: 2;
	}
	.download-canoo-screens {
		order: 1;
	}
	.faq-cat-group, .top-questions {
		padding: 0;
	}
	.app-content-grid {
/* 		flex-direction: column; */
		gap: var(--wp--custom--spacing--outer);
	}
	.category-list-level-one {
		gap: 2vw;
		justify-content: space-between;
	}
	.each-grid-item figure {
/* 		height: 13rem;
		max-height: 13rem; */
	}
	.top-grid .each-grid-item:nth-of-type(1) {
		flex: 1 0 calc(100% + 2*var(--wp--custom--spacing--outer));
		position: relative;
		width: calc(100% + 2*var(--wp--custom--spacing--outer));
		max-width: calc(100% + 2*var(--wp--custom--spacing--outer));
		margin-left: calc(-1*var(--wp--custom--spacing--outer));
	}
	
	.top-grid .each-grid-item:nth-of-type(1) figure {
/* 		height: 30rem;
		max-height: 30rem; */
	}
	
	.top-grid .each-grid-item:nth-of-type(1) .app-content-meta {
		left: var(--wp--custom--spacing--outer);
		right: var(--wp--custom--spacing--outer);
		bottom: calc(var(--wp--custom--spacing--outer));
	}
	.top-grid .each-grid-item:nth-of-type(2):after {
		display: none;
	}
	.top-grid .each-grid-item:nth-of-type(2) .app-content-meta {
		position: inherit; 
		left: auto;
		top: auto;
		right: auto;
		bottom: auto;
	}
	.top-grid .each-grid-item:nth-of-type(2), .top-grid .each-grid-item, .app-content-grid .each-grid-item {
		flex: 1 0 calc(50% - 0.5*var(--wp--custom--spacing--outer));
		max-width: calc(50% - 0.5*var(--wp--custom--spacing--outer));
	}
	.app-content-heading, .top-grid .each-grid-item:nth-of-type(2) .app-content-heading {
		line-height: var(--wp--custom--typography--line-height--medium);
	    font-size: var(--wp--preset--font-size--medium);
	} 
	.app-content {
		margin-block-start: 0 !important;
	}
	.app-content-single {
		margin-block-start: 0 !important;
	}
	.app-header {
		order: 2;
	}
	.app-media {
		order: 1;
		margin-left: calc(-1*var(--wp--custom--spacing--outer));
		margin-right: calc(-1*var(--wp--custom--spacing--outer));
	}
	.explore-list li {
		flex: 1 0 clamp(10rem, 40%, 40%);
		max-width: clamp(10rem, 40%, 40%);
	}
	.premium-offers {
		background: url(assets/images/deals.svg) no-repeat right -35vw top;
		background-size: 20rem auto;
	}
	.cover-card {
		padding: calc(var(--wp--custom--spacing--outer)*3/4) calc(var(--wp--custom--spacing--outer)/2);
	}
	.city-set {
/* 		padding-left: calc(16.66%); */
	}
	.city-set .agency-location {
		margin-left: 0;
	}
	.city-filter {
		flex-direction: column;
	    align-items: flex-start;
	}
	.agency-listing-container {
		max-width: 100%;
	}
	.partnership-benefits {
		background-image: none;
	}
	.registration-steps .step-text, .registration-steps .step-media {
		flex-basis: 100% !important;
	}
}