/* note: the background-color is applied to a ::before pseudo element for the themed panel in order to handle the "cropped" top/bottom options properly. Other widgets/panels can just use the background color */
.theme-vlexblue:not(.themed-panel) {
	background: var(--vlexblue);
}

.theme-summergreen:not(.themed-panel) {
	background: var(--summergreen);
}

.theme-darkgreen:not(.themed-panel) {
	background: var(--darkgreen);
}

.theme-springblue:not(.themed-panel) {
	background: var(--springblue);
}

.theme-fallyellow:not(.themed-panel) {
	background: var(--fallyellow);
}

.theme-default,
.theme-fallyellow,
.theme-springblue {
	color: black;
}

.theme-default .contentRender_name_plugins_core_textbox h4 {
	color: var(--summergreen);
}

.theme-vlexblue,
.theme-summergreen,
.theme-darkgreen {
	color: white;
}

.theme-vlexblue p,
.theme-summergreen p,
.theme-darkgreen p,
.theme-fallyellow p,
.theme-vlexblue [class*="title"], .theme-vlexblue .title > a,
.theme-summergreen [class*="title"], .theme-summergreen .title > a,
.theme-darkgreen [class*="title"], .theme-darkgreen .title > a,
.theme-fallyellow [class*="title"], .theme-fallyellow .title > a,
.theme-vlexblue .contentRender_name_plugins_core_textbox h1,
.theme-vlexblue .contentRender_name_plugins_core_textbox h2,
.theme-vlexblue .contentRender_name_plugins_core_textbox h3,
.theme-vlexblue .contentRender_name_plugins_core_textbox p,
.theme-vlexblue .contentRender_name_plugins_core_textbox a:not(.sv-button),
.theme-summergreen .contentRender_name_plugins_core_textbox h1,
.theme-summergreen .contentRender_name_plugins_core_textbox h2,
.theme-summergreen .contentRender_name_plugins_core_textbox h3,
.theme-summergreen .contentRender_name_plugins_core_textbox p,
.theme-summergreen .contentRender_name_plugins_core_textbox a:not(.sv-button),
.theme-darkgreen .contentRender_name_plugins_core_textbox h1,
.theme-darkgreen .contentRender_name_plugins_core_textbox h2,
.theme-darkgreen .contentRender_name_plugins_core_textbox h3,
.theme-darkgreen .contentRender_name_plugins_core_textbox p,
.theme-darkgreen .contentRender_name_plugins_core_textbox a:not(.sv-button),
.theme-fallyellow .contentRender_name_plugins_core_textbox h1,
.theme-fallyellow .contentRender_name_plugins_core_textbox h2,
.theme-fallyellow .contentRender_name_plugins_core_textbox h3 {
	color: white !important;
}

.theme-default-title-color,
.theme-springblue-title-color,
.theme-fallyellow-title-color,
.theme-default .contentRender_name_plugins_core_textbox h1,
.theme-default .contentRender_name_plugins_core_textbox h2,
.theme-default .contentRender_name_plugins_core_textbox h3,
.theme-springblue .contentRender_name_plugins_core_textbox h1,
.theme-springblue .contentRender_name_plugins_core_textbox h2,
.theme-springblue .contentRender_name_plugins_core_textbox h3,
.theme-fallyellow .quote-box .quote,
.theme-fallyellow .contentRender_name_plugins_core_textbox h4,
.theme-fallyellow .contentRender_name_plugins_core_textbox h5,
.theme-fallyellow .contentRender_name_plugins_core_textbox h6 {
	color: var(--vlexblue);
}

.theme-vlexblue-title-color,
.theme-summergreen-title-color,
.theme-darkgreen-title-color,
.theme-vlexblue .contentRender_name_plugins_core_textbox h4,
.theme-vlexblue .contentRender_name_plugins_core_textbox h5,
.theme-vlexblue .contentRender_name_plugins_core_textbox h6,
.theme-summergreen .contentRender_name_plugins_core_textbox h4,
.theme-summergreen .contentRender_name_plugins_core_textbox h5,
.theme-summergreen .contentRender_name_plugins_core_textbox h6,
.theme-darkgreen .contentRender_name_plugins_core_textbox h4,
.theme-darkgreen .contentRender_name_plugins_core_textbox h5,
.theme-darkgreen .contentRender_name_plugins_core_textbox h6 {
	color: var(--tan) !important;
}

.theme-springblue-secondary-color,
.theme-springblue .quote-box .quote,
.theme-springblue .contentRender_name_plugins_core_textbox h4,
.theme-springblue .contentRender_name_plugins_core_textbox h5,
.theme-springblue .contentRender_name_plugins_core_textbox h6 {
	color: var(--brown);
}

.theme-default-color,
.theme-fallyellow-color,
.theme-springblue-color,
.theme-default .contentRender_name_plugins_core_textbox p,
.theme-fallyellow .contentRender_name_plugins_core_textbox p,
.theme-springblue .contentRender_name_plugins_core_textbox p,
.theme-default .contentRender_name_plugins_core_textbox a,
.theme-fallyellow .contentRender_name_plugins_core_textbox a,
.theme-springblue .contentRender_name_plugins_core_textbox a {
	color: black;
}

/* buttons */
.theme-default-button,
.custom-button > a.sv-button,
.custom-button > a.sv-button:visited {
	border: 2px solid transparent;
	font-family: "franklin-gothic-urw",sans-serif;
	font-weight: 500;
	font-size: 16px;
	line-height: 18px;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	text-decoration: none;
}

.custom-button > a.sv-button,
.custom-button > a.sv-button:visited,
[class*="theme-"] .light-grey-bg .custom-button > a.sv-button,
[class*="theme-"] .light-grey-bg .custom-button > a.sv-button:visited,
.theme-default-button,
.theme-springblue-button,
.theme-fallyellow-button,
.theme-default-button:visited,
.theme-springblue-button:visited,
.theme-fallyellow-button:visited,
.theme-default .custom-button .sv-button,
.theme-springblue .custom-button .sv-button,
.theme-fallyellow .custom-button .sv-button,
.theme-default .custom-button .sv-button:visited,
.theme-springblue .custom-button .sv-button:visited,
.theme-fallyellow .custom-button .sv-button:visited {
	background-color: var(--vlexblue);
	color: white;
}

.theme-vlexblue-button,
.theme-vlexblue-button:visited,
.theme-vlexblue .custom-button .sv-button,
.theme-vlexblue .custom-button .sv-button:visited {
	background-color: white;
	color: var(--vlexblue);
}

.theme-summergreen-button,
.theme-summergreen-button:visited,
.theme-summergreen .custom-button .sv-button,
.theme-summergreen .custom-button .sv-button:visited {
	background-color: white;
	color: var(--summergreen);
}

.theme-darkgreen-button,
.theme-darkgreen-button:visited,
.theme-darkgreen .custom-button .sv-button,
.theme-darkgreen .custom-button .sv-button:visited {
	background-color: white;
	color: var(--darkgreen);
}

[class*="theme-"] .light-grey-bg .custom-button > a.sv-button:active,
[class*="theme-"] .light-grey-bg .custom-button > a.sv-button:hover,
[class*="theme-"] .light-grey-bg .custom-button > a.sv-button:focus,
.theme-default-button:hover,
.theme-springblue-button:hover,
.theme-summergreen-button:hover,
.theme-fallyellow-button:hover,
.custom-button > a.sv-button:hover,
.theme-default .custom-button .sv-button:hover,
.theme-springblue .custom-button .sv-button:hover,
.theme-summergreen .custom-button .sv-button:hover,
.theme-fallyellow .custom-button .sv-button:hover,
.theme-default-button:active,
.theme-springblue-button:active,
.theme-summergreen-button:active,
.theme-fallyellow-button:active,
.custom-button > a.sv-button:active,
.theme-default .custom-button .sv-button:active,
.theme-springblue .custom-button .sv-button:active,
.theme-summergreen .custom-button .sv-button:active,
.theme-fallyellow .custom-button .sv-button:active,
.theme-default-button:focus,
.theme-springblue-button:focus,
.theme-summergreen-button:focus,
.theme-fallyellow-button:focus,
.custom-button > a.sv-button:focus,
.theme-default .custom-button .sv-button:focus,
.theme-springblue .custom-button .sv-button:focus,
.theme-summergreen .custom-button .sv-button:focus,
.theme-fallyellow .custom-button .sv-button:focus {
	background-color: var(--darkblue);
	color: white;
}

.theme-vlexblue-button:hover,
.theme-vlexblue-button:active,
.theme-vlexblue-button:focus,
.theme-vlexblue .custom-button .sv-button:hover,
.theme-vlexblue .custom-button .sv-button:focus,
.theme-vlexblue .custom-button .sv-button:active {
	background-color: var(--springblue);
	color: var(--vlexblue);
}

.theme-darkgreen-button:hover,
.theme-darkgreen-button:active,
.theme-darkgreen-button:focus,
.theme-darkgreen .custom-button .sv-button:hover,
.theme-darkgreen .custom-button .sv-button:focus,
.theme-darkgreen .custom-button .sv-button:active {
	background-color: var(--springblue);
	color: var(--darkgreen);
}

/* button, style secondary */
.theme-default-secondary-button,
.custom-button.style-secondary > a.sv-button {
    border: 2px solid var(--vlexblue);
	font-family: "franklin-gothic-urw",sans-serif;
	font-weight: 500;
	font-size: 16px;
	line-height: 18px;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	background-color: transparent;
    text-decoration: none;
	color: var(--vlexblue);
}

.custom-button.style-secondary a.sv-button:hover {
	background: rgba(var(--vlexblue-rgb), 0.15);
}

.theme-default .custom-button.style-secondary > a.sv-button,
.theme-springblue .custom-button.style-secondary > a.sv-button {
	background-color: transparent;
	border-color: var(--vlexblue);
	color: var(--vlexblue);
}

.theme-default .custom-button.style-secondary > a.sv-button:hover,
.theme-springblue .custom-button.style-secondary > a.sv-button:hover {
	background: rgba(var(--vlexblue-rgb), 0.15);
}

.theme-vlexblue .custom-button.style-secondary > a.sv-button,
.theme-summergreen .custom-button.style-secondary > a.sv-button,
.theme-darkgreen .custom-button.style-secondary > a.sv-button,
.theme-fallyellow .custom-button.style-secondary > a.sv-button {
	background-color: transparent;
	border-color: white;
	color: white;
}

.theme-vlexblue .custom-button.style-secondary > a.sv-button:hover,
.theme-summergreen .custom-button.style-secondary > a.sv-button:hover,
.theme-darkgreen .custom-button.style-secondary > a.sv-button:hover,
.theme-fallyellow .custom-button.style-secondary > a.sv-button:hover {
	background-color: rgba(255,255,255,0.15);
	color: white;
}

[class*="theme-"] .core-styles ul:not([class*="block-grid-"]) li,
[class*="theme-"] .core-styles ol:not([class*="block-grid-"]) li,
[class*="theme-"] .contentRender_name_plugins_core_textbox ul:not([class*="block-grid-"]) li,
[class*="theme-"] .contentRender_name_plugins_core_textbox ol:not([class*="block-grid-"]) li {
	color: inherit;
}


/* film microsite */
.theme-film .core-styles h1,
.theme-film .contentRender_name_plugins_core_textbox h1,
.theme-film .core-styles h2,
.theme-film .contentRender_name_plugins_core_textbox h2,
.theme-film .core-styles h3,
.theme-film .contentRender_name_plugins_core_textbox h3,
.theme-film .core-styles h4,
.theme-film .contentRender_name_plugins_core_textbox h4,
.theme-film .core-styles h5,
.theme-film .contentRender_name_plugins_core_textbox h5,
.theme-film .core-styles h6,
.theme-film .contentRender_name_plugins_core_textbox h6 {
	font-family: var(--font-honeychrome) !important;
}