/*
 Theme Name:   Ecommerce Innovation Alliance
 Theme URI:    https://www.ecomm-alliance.org
 Description:  Custom GeneratePress child theme
 Author:       Kevin Fisher, EIA Creative Director
 Author URI:   https://www.ecomm-alliance.org
 Template:     generatepress
 Version:      2.0
*/




/* UNIVERSAL UTILITY STYLES - FROM THEADMINBAR.COM AND CUSTOM */

/* Site Wrapper */
.site-wrapper {
    width: 100%;
    max-width: 1920px;
    margin-inline: auto;
background-color: var(--base-3);
}


.ar-16-9 {
    aspect-ratio: 16/9;
}

.ar-9-16 {
    aspect-ratio: 9/16;
}

.ar-4-3 {
    aspect-ratio: 4/3;
}

.ar-1-1 {
	aspect-ratio: 1/1;
}

/* Visually Hidden */
.visually-hidden:not(:focus):not(:active) {
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px;
}

/* No Underline */
.no-ul, .no-ul a {
	text-decoration: none;
}

/* Remove bottom margin on last paragraph */
.gb-container p:last-child:last-of-type {
    margin-bottom: 0px;
}

.block-editor-block-list__layout .gb-container p:nth-last-child(2) {
    margin-bottom: 0px;
}

.row-gap-6 {
row-gap: 6rem !important;
}

.column-gap-6 {
column-gap: 6rem !important;
}

.column-gap-4 {
column-gap: 4rem !important;
}

#cmplz-document {
font-size: 1.125rem;
max-width: 100%;
}

#cmplz-document p, #cmplz-document li, #cmplz-document td {
font-size: 1.125rem;
}

.border-radius {
border-radius: .25rem;
}

.wp-block-image img {
border-radius: .25rem;
}

.search-modal-fields button {
background-color: var(--purple);
color: #ffffff;
}

.search-modal-form .search-field {
background-color: #ffffff;
}


.wp-block-list li {
padding: 15px 0 0 0 !important;
}

.wp-block-list ul {
margin: 0 0 1.5em 2em !important;
}

.menu-item-has-children .dropdown-menu-toggle {
padding-left: 5px;
}

.related-resources a {
	color: var(--contrast);
	font-weight: 500;
}

.related-resources a:hover {
	color: var(--orange-dark);
	font-weight: 500;
}

p a, li a {
font-weight: 500;
color: var(--orange-dark);
}

.dynamic-entry-content a {
	color: var(--orange-dark);
	font-weight: 500 !important;
}

.dynamic-entry-content a:hover {
	color: var(--contrast);
	font-weight: 500 !important;
}

.gb-text-632d5848 a:hover {
	color: #ffffff !important;
}

.gb-text-632d5848:is(:hover,:focus) {
color: var(--base-3) !important;
}

.dynamic-entry-content li {
	padding-bottom: 20px;
}

.dynamic-entry-content li:last-child:last-of-type {
	padding-bottom: 0px !important;
}

.wpel-icon-right .wpel-icon.wpel-image {
margin-bottom: 0.3em;
}

.site-footer .menu a {
	color: var(--base3) !important;
		font-weight: 400 !important;
}

.site-footer .menu a:hover {
	color: var(--orange-dark) !important;
		font-weight: 400 !important;
}


.post-navigation-link-next a:hover {
	color: var(--purple) !important;
}

.post-navigation-link-previous a:hover {
	color: var(--purple) !important;
}

blockquote {
border-left: 4px solid rgba(240,80,60);
padding: 10px 10px 10px 30px;
font-size: 1em;
}

.wp-block-pullquote {
margin: 0 0 1em 2em;
padding: 1em 0;
text-align: left;
}

:root :where(.wp-block-pullquote) {
font-size: 1em;
}

.gbp-section__tagline {
border-left: 4px solid var(--orange-dark) !important;
background: initial;
background-color: initial;
}

.wp-caption .wp-caption-text {
font-size: 75%;
padding-top: 0;
opacity: 1;
padding-left: 50px;
font-style: italic;
}


.gbp-button--primary {
color: var(--base-3) !important;
}


.invintus-player, div[id*=persistent-stream-] {
height: auto !important;
}


/* HEADER / MENU / NAVIGATION */
nav#sticky-navigation {
background: radial-gradient(circle, rgba(240,91,85,1) 0%, rgba(145,37,110,1) 56%, rgba(56,65,145,1) 100%);
padding: 10px 0 10px 0;
}

.main-navigation.sticky-navigation-transition .main-nav > ul > li > a, .main-navigation.sticky-navigation-transition .menu-bar-item > a {
color: #ffffff;
}

.main-navigation.sticky-navigation-transition .main-nav > ul > li:hover > a, .main-navigation.sticky-navigation-transition .menu-bar-item:hover > a {
color: var(--contrast) !important;
}

.gb-text-08864909.sticky-navigation-transition .gb-shape svg {
color: #ffffff;
}

#sticky-navigation .account-icon svg:hover {
 color: var(--contrast);
}

#sticky-navigation .account-icon svg {
    color: #fff;
}

.account-icon svg:hover {
color: var(--orange-dark) !important;
}


#sticky-navigation .icon-search svg:hover {
 color: #ffffff !important;
}
.icon-search svg:hover {
color: var(--orange-dark) !important;
}

#sticky-navigation .account-icon svg:hover {
color: var(--contrast) !important;
}

.main-navigation.sticky-navigation-transition .menu-bar-item:hover > a {
color: var(--contrast) !important;
}

#sticky-navigation .gb-text-cb400ea3 {
color: var(--purple) !important;
background-color:  #ffffff !important;
}

#sticky-navigation .gb-text-cb400ea3:is(:hover,:focus) {
color: var(--orange-dark) !important;
background-color:  #ffffff !important;
}


.gb-element-ff8c003b {
background: radial-gradient(circle, rgba(240,91,85,1) 0%, rgba(145,37,110,1) 56%, rgba(56,65,145,1) 100%);
}

.gb-element-d0d5424d:before {
background: linear-gradient(180deg, rgb(53 65 148 / 85%) 0%, rgb(155 34 115 / 75%) 40%, rgb(53 65 148 / 85%) 100%), url(https://www.ecomm-alliance.org/wp-content/uploads/hero-overlay.png);
background-position: -10%;

background-repeat: no-repeat;
}

@media (max-width:1024px) {
.gb-element-d0d5424d {
background-size: cover;
}
}


@media (max-width: 768px) {
.site-header .header-image {
width: 200px;
	}
}

@media (max-width: 1024px) {
  .main-navigation .menu-toggle {
    padding-right: 0px !important;
  }
}

.menu-toggle {
  padding: 0 0 0 20px !important;
}

.menu-item-has-children .dropdown-menu-toggle {
padding-left: 5px;
}


   



/* MEMBERSHIP CTA */

.banner-gradient {
background: radial-gradient(ellipse at right top, #630f48 0%, #0b1146 75%, #000000 100%);
}

.banner-gradient2 {
background: radial-gradient(ellipse at right top, #630f48 20%, #0b1146 100%, #000000 100%);
}

.gbp-button--four {
align-items: center;
background-color: var(--orange-dark);
color: var(--base-3) !important;
font-size: 1.125rem !important;
justify-content: center;
text-align: center;
transition: all 0.5s ease 0s;
border-radius: .25rem;
padding: .75rem 1.25rem !important;
display: inline-flex !important;
font-weight: 600;
}

.gbp-button--four:is(:hover, :focus) {
  color: var(--base-3);
  background-color: var(--purple);
}



/* FOOTER */





/* BLOG PAGES */

.wp-block-categories {
list-style: none;
margin: 0 0 1.5em 0;
}

.cat-item {
padding: 0 0 5px 0;
font-size: 1rem;
}




/* CONTACT PAGE */

.gb-element-3a0b8d1d {
column-gap: 6rem !important;
}

a[href^=tel] {
 color: inherit;
 text-decoration: none;
}





/* FORMS */

input[type=email], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=url], select, textarea {
border-radius: .25rem;
}

.submit-button, .submit-button2 {
    color:var(--base-3) !important;
}

.submit-button:is(:hover,:focus) {
color: var(--base-3) !important;
background-color: var(--purple) !important;
}

.submit-button2:is(:hover,:focus) {
color: var(--purple) !important;
background-color: var(--base-3) !important;
}


/* New button styles */
.wpforms-form input[type=submit],
.wpforms-form button[type=submit] {
    padding: 1rem 1.25rem !important;
    font-size: 1.125rem !important;
    background-color: var(--orange-dark) !important; 
    color: var(--base-3) !important;
	transition: all 0.5s ease 0s !important;
	font-weight: 600 !important;
justify-content: center;
text-align: center;
	display: inline-flex;
}

/* New button hover styles */
.wpforms-form input[type=submit]:hover,
.wpforms-form input[type=submit]:active,
.wpforms-form button[type=submit]:hover,
.wpforms-form button[type=submit]:active,
.wpforms-form .wpforms-page-button:hover,
.wpforms-form .wpforms-page-button:active,
div.wpforms-container-full button[type="submit"]:hover {
    background-color: var(--purple) !important;
	background: var(--purple) !important;
}

/* New button focus styles */
.wpforms-form input[type=submit]:focus,
.wpforms-form button[type=submit]:focus,
.wpforms-form .wpforms-page-button:focus,
div.wpforms-container-full button[type="submit"]:hover {
    background-color: var(--purple) !important;
	background: var(--purple) !important; 
}

.wpforms-container .wpforms-field-label, .wp-core-ui div.wpforms-container .wpforms-field-label {
font-weight: 600;
}

div.wpforms-container-full .wpforms-field-label, .wp-core-ui div.wpforms-container-full .wpforms-field-label {
font-size: inherit;
}

/* div.wpforms-container-full textarea:focus:invalid {
  border-color: #08a205 !important;
	box-shadow: 0px 0px 0px 1px #08a205,0px 1px 2px 0px #08a205 !important;
  outline: none;
  color: #08a205 !important;
}
*/

div.wpforms-container-full .wpforms-confirmation-container-full p {
color: var(--contrast) !important;
}

div.wpforms-container-full .wpforms-confirmation-container-full {
border: 1px solid #08a205 !important;
}

div.wpforms-container-full .wpforms-form .wpforms-submit-container {
margin-top: .5rem;
}

div.wpforms-container-full input[type=date], div.wpforms-container-full input[type=datetime], div.wpforms-container-full input[type=datetime-local], div.wpforms-container-full input[type=email], div.wpforms-container-full input[type=month], div.wpforms-container-full input[type=number], div.wpforms-container-full input[type=password], div.wpforms-container-full input[type=range], div.wpforms-container-full input[type=search], div.wpforms-container-full input[type=tel], div.wpforms-container-full input[type=text], div.wpforms-container-full input[type=time], div.wpforms-container-full input[type=url], div.wpforms-container-full input[type=week], div.wpforms-container-full select, div.wpforms-container-full textarea, .wp-core-ui div.wpforms-container-full input[type=date], .wp-core-ui div.wpforms-container-full input[type=datetime], .wp-core-ui div.wpforms-container-full input[type=datetime-local], .wp-core-ui div.wpforms-container-full input[type=email], .wp-core-ui div.wpforms-container-full input[type=month], .wp-core-ui div.wpforms-container-full input[type=number], .wp-core-ui div.wpforms-container-full input[type=password], .wp-core-ui div.wpforms-container-full input[type=range], .wp-core-ui div.wpforms-container-full input[type=search], .wp-core-ui div.wpforms-container-full input[type=tel], .wp-core-ui div.wpforms-container-full input[type=text], .wp-core-ui div.wpforms-container-full input[type=time], .wp-core-ui div.wpforms-container-full input[type=url], .wp-core-ui div.wpforms-container-full input[type=week], .wp-core-ui div.wpforms-container-full select, .wp-core-ui div.wpforms-container-full textarea {
background-color: #ffffff;
border-radius: .25rem;
border-width: 1px;
border-style: solid;
border-color: #C3C4C5;
font-size: 1.125rem;
}

div.wpforms-container-full input[type=checkbox]:before, div.wpforms-container-full input[type=radio]:before {
border-radius: .25rem !important;
border-width: 1px !important;
border-style: solid !important;
border-color: #C3C4C5 !important;
}

div.wpforms-container-full .wpforms-form .wpforms-field input.wpforms-error, div.wpforms-container-full .wpforms-form .wpforms-field input.user-invalid, div.wpforms-container-full .wpforms-form .wpforms-field textarea.wpforms-error, div.wpforms-container-full .wpforms-form .wpforms-field textarea.user-invalid, div.wpforms-container-full .wpforms-form .wpforms-field select.wpforms-error, div.wpforms-container-full .wpforms-form .wpforms-field select.user-invalid {
	border-width: var(--wpforms-field-border-size);
border-style: solid;
border-color: var(--wpforms-label-error-color);
box-shadow: 0 0 2px 0 var(--wpforms-label-error-color);
}
}




/* Google reCAPTCHA hide logo */
.grecaptcha-badge { visibility: hidden; }

.grecaptcha-text-dark {
font-size: .90rem !important;
color: #ffffff;
}

.grecaptcha-text-dark a {
font-weight: 600 !important;
font-size: .8em !important;
color: #ffffff;
}

.grecaptcha-text-light {
font-size: .8em !important;
color: var(--contrast);
}

.grecaptcha-text-light a {
font-size: .90rem !important;
color: var(--contrast);
font-weight: 600 !important;
}



/* Yoast FAQs */

.schema-faq-question {
padding-bottom: 15px;
display: block;
}

.schema-faq-section {
padding-bottom: 15px;
display: block;
}

.is-left-sidebar {
width: 25%;
}




/* ANCHOR LINKS AND SMOOTH SCROLL */
*[id] {
     scroll-margin-top: 150px;
}

html {
scroll-behavior: smooth;
}

@media (prefers-reduced-motion:
reduce) {
html {
scroll-behavior: auto;
}
}