/*
Theme Name: STI/SPFA Steel Tank Website by Yoko Co
Theme URI: http://www.yokoco.com
Version: 1.0
Description: A custom child theme for STI/SPFA by Yoko Co. 
Author: Yoko Co
Author URI: https://www.yokoco.com
template: bb-theme
*/

/*
 * 1. Master Colors & Type
 * 2. Headers & Nav
 * 3. Banners
 * 4. Feeds & Grids
 * 5. CPTs
 * 6. Footer
 * 7. General Styles
 * X. General Media Queries (Put most media queries in their respective sections)
*/

/******************************************************************************************/
/******************************** 1 MASTER COLORS & TYPE **********************************/
/******************************************************************************************/

:root {
	--color-primary: #161E22;
	--color-primary-light: #0D273C;
	--color-secondary: #B62020;
	--color-accent: #0D70C0;
	--color-accent-light: #2FA2FF;
	--color-text-light: #6B7D8C;
	--color-text: #42494D;
	--color-white-text: #F8FAFB;
	--color-line: #B9C7D4;

	--color-danger: var(--color-secondary);
	--color-danger-light: #EB5757;
	--color-warning: #F2C94C;
	--color-success: #219653;

	--border-width: 2px;

	--border-radius: 10px;
	--border-radius-sm: 5px;
	--border-radius-lg: 100px;
}

/* Text Styles */

@media screen and (min-width: 769px) {
	.xlarger p {
		font-size: 24px;
	}
	.larger p {
		font-size: 21px;
	}
	.smaller p {
		font-size: 16px;
	}
}

.leadin p, .leadin a, .leadin, .leadin h1, .leadin h2, .leadin h3, .leadin h4, .leadin h5, .leadin h6,
.leadin h1 a, .leadin h2 a, .leadin h3 a, .leadin h4 a, .leadin h5 a, .leadin h6 a,
.leadin .fl-heading-text {
	text-transform: uppercase;
	font-weight: 600;
	font-size: 18px;
	line-height: 120%;
}
@media screen and (max-width: 768px) {
	.leadin p, .leadin a, .leadin, .leadin h1, .leadin h2, .leadin h3, .leadin h4, .leadin h5, .leadin h6,
	.leadin h1 a, .leadin h2 a, .leadin h3 a, .leadin h4 a, .leadin h5 a, .leadin h6 a,
	.leadin .fl-heading-text {
		font-size: 16px;
	}
}

.leadin-small p, .leadin-small a, .leadin-small, .leadin-small h1, .leadin-small h2, .leadin-small h3, .leadin-small h4, .leadin-small h5, .leadin-small h6,
.leadin-small h1 a, .leadin-small h2 a, .leadin-small h3 a, .leadin-small h4 a, .leadin-small h5 a, .leadin-small h6 a,
.leadin-small .fl-heading-text {
	text-transform: uppercase;
	font-weight: 400;
	font-size: 15px;
	line-height: 160%;
}

.blue-text p, .blue-text a, .blue-text, .blue-text h1, .blue-text h2, .blue-text h3, .blue-text h4, .blue-text h5, .blue-text h6,
.blue-text h1 a, .blue-text h2 a, .blue-text h3 a, .blue-text h4 a, .blue-text h5 a, .blue-text h6 a,
.blue-text .fl-heading-text {
	color: #0D70C0;
}
.invert .blue-text p, .invert .blue-text a, .invert .blue-text, .invert .blue-text h1, .invert .blue-text h2, .invert .blue-text h3, .invert .blue-text h4, .invert .blue-text h5, .invert .blue-text h6,
.invert .blue-text h1 a, .invert .blue-text h2 a, .invert .blue-text h3 a, .invert .blue-text h4 a, .invert .blue-text h5 a, .invert .blue-text h6 a,
.invert .blue-text .fl-heading-text {
	color: #FFFFFF;
}

.heading-line .fl-heading-text {
	display: flex;
	align-items: center;
	gap: 25px;
	line-height: 1em;
}

.heading-line .fl-heading-text::before {
	content: '';
    height: 2px;
	width: 70px;
	background: #0D70C0;
}

.invert .heading-line .fl-heading-text::before {
	content: '';
    height: 2px;
	width: 70px;
	background: #fff;
}

.heading-thin p, .heading-thin a, .heading-thin, .heading-thin h1, .heading-thin h2, .heading-thin h3, .heading-thin h4, .heading-thin h5, .heading-thin h6,
.heading-thin h1 a, .heading-thin h2 a, .heading-thin h3 a, .heading-thin h4 a, .heading-thin h5 a, .heading-thin h6 a,
.heading-thin .fl-heading-text {font-weight: 400;}

/* Backgrounds */

.bg-main > .fl-row-content-wrap, .bg-main > .fl-col-content, .bg-main.fl-module {
	background: radial-gradient(203.55% 181.04% at 105.45% -3.46%, #11436B 0%, rgba(13, 37, 56, 0.74) 27.42%, rgba(0, 0, 0, 0.00) 100%), #161E22; 
}

.bg-alt > .fl-row-content-wrap, .bg-alt > .fl-col-content, .bg-alt.fl-module {
	background-color: #0D273C; 
}

.bg-accent > .fl-row-content-wrap, .bg-accent > .fl-col-content, .bg-accent.fl-module {
	background: radial-gradient(203.55% 181.04% at 105.45% -3.46%, #2FA2FF 7.39%, rgba(22, 117, 194, 0.74) 61.04%, rgba(9, 38, 62, 0.00) 100%), #1675C2; 
}

.bg-radial > .fl-row-content-wrap, .bg-radial > .fl-col-content, .bg-radial.fl-module {
	background: radial-gradient(238.08% 128.74% at 100% 100%, #11436B 0%, rgba(13, 37, 56, 0.74) 27.42%, rgba(0, 0, 0, 0.00) 100%), linear-gradient(71deg, rgba(0, 0, 0, 0.44) 46.91%, rgba(61, 61, 61, 0.00) 91.98%), linear-gradient(0deg, rgba(0, 0, 0, 0.53) -10.94%, rgba(19, 71, 94, 0.65) 4.97%, rgba(0, 0, 0, 0.45) 39.28%, rgba(0, 0, 0, 0.00) 85.12%), #333;
}

/******************************************************************************************/
/************************************ 2 HEADERS & NAV *************************************/
/******************************************************************************************/

a.fa-search {
	font-family: 'Linearicons';
	padding-top: 7px;
}

a.fa-search:before {
	content: "\e922";
	font-size: 15px;
}

.fl-page-nav ul.sub-menu {
	border-top: 0px; 
	border-radius: 6px; 
}

@media screen and (min-width: 768px) {
	.fl-page-header, .fl-page-header-wrap {
		border-bottom-style: none; /* Removes the 1px border below the menu */
		width: 100%;
		
		/* Used for transparent headers. If you're using the default theme header, uncomment the section below to enable a transparent header. */
		/* background: rgb(0,0,0);
		background: -moz-linear-gradient(180deg, rgba(0,0,0,0.15) 0%, rgba(0,0,0,0) 100%);
		background: -webkit-linear-gradient(180deg, rgba(0,0,0,0.15) 0%, rgba(0,0,0,0) 100%);
		background: linear-gradient(180deg, rgba(0,0,0,0.15) 0%, rgba(0,0,0,0) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
		position: absolute;
		z-index: 10;
		top: 0px; */ /*Height of top bar*/
	}
	.fl-page-header-fixed .fl-page-header-wrap {
		background: #fff; 
	}
}

@media screen and (max-width: 767px) {
	.fl-page-bar {display: none;}
}



/* HEADER */
header {
	background-color: #161E22;
}
header > div.fl-row {
	position: relative;
	z-index: 2;
}


header .topbar {
	margin-top: 0;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
	z-index: 3 !important;
}
header.fl-theme-builder-header-scrolled {
	background: transparent;
}
header.fl-theme-builder-header-scrolled .topbar {
	margin-top: -76px;
}
header.fl-theme-builder-header-scrolled .navbar > .fl-row-content-wrap {
	padding-top: 0;
	padding-bottom: 0;
	background: rgba(22, 30, 34);
}
@media screen and (max-width: 992px) {
	header.fl-theme-builder-header-scrolled .navbar > .fl-row-content-wrap {
		padding-top: 17px;
		padding-bottom: 0;
	}
}


header.fl-theme-builder-header-scrolled ul.menu > li > div > a,
header.fl-theme-builder-header-scrolled ul.menu > li > a {
	padding-top: 25px;
	padding-bottom: 25px;
}
@media screen and (max-width: 992px) {
	header.fl-theme-builder-header-scrolled ul.menu > li > div > a,
	header.fl-theme-builder-header-scrolled ul.menu > li > a {
		padding: 12px 0;
	}
}


header.fl-theme-builder-header-scrolled ul.sub-menu > li > div > a,
header.fl-theme-builder-header-scrolled ul.sub-menu > li > a {
	color: #161E22 !important;
}
header.fl-theme-builder-header-scrolled ul.sub-menu > li:hover > div > a,
header.fl-theme-builder-header-scrolled ul.sub-menu > li:hover > a {
	color: #F8FAFB !important;
}


header ul.sub-menu {
	background: #FFFFFF !important;
}
header ul.sub-menu > li.current-menu-item > a {
	color: #FFFFFF !important;
}
@media screen and (max-width: 992px) {
	header ul.sub-menu {
		background: transparent !important;
	}
}


@media screen and (min-width: 1111px) {
	header ul.menu > li > div > a,
	header ul.menu > li > a {
		padding-right: 15px !important;
	}
	header ul.menu > li:hover > div > a,
	header ul.menu > li:hover > a {
		text-decoration: underline;
	}
}
@media (max-width: 1111px) and (min-width: 993px) {
	header ul.menu > li > div > a,
	header ul.menu > li > a {
		padding-right: 8px !important;
		padding-left: 8px !important;
		font-size: 14px;
	}
}
@media screen and (min-width: 993px) {
	header .navbar ul.menu > li:last-child > div > a,
	header .navbar ul.menu > li:last-child > a {
		padding-right: 0 !important;
	}
	
	
	header .fl-menu .fl-menu-toggle {
		display: none;
	}
}
@media screen and (max-width: 992px) {		
	header ul.menu > li.mobile-nav-search div.search-form input[type=submit] {
		height: 40px;
		padding: 0 20px;
		font-size: 16px;
	}
	header ul.menu > li.mobile-nav-search div.search-form input[type=text] {
		border-radius: 100px;
		padding: 10px 20px;
		font-size: 16px;
		height: 40px;
	}
	header ul.menu > li.mobile-nav-search {
		margin-bottom: 10px;
	}
	header ul.menu > li.mobile-nav-search div.search-form {
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		align-items: center;
		justify-content: space-between;
		gap: 10px;
	}
}
@media screen and (max-width: 768px) {
	header ul.menu > li.mobile-nav-search div.search-form input[type=submit] {
		width: 40% !important;
	}
}
/****/



/* HEADER MENUS */
header ul.menu > li.fl-menu-search-item {
	padding-left: 14px;
	padding-right: 14px;
}
header ul.menu > li.fl-menu-search-item .fl-button-wrap {
	display: flex;
	align-items: center;
}
header ul.menu > li.fl-menu-search-item a.fl-button {
	background: transparent !important;
	padding: 0;
	border: 0;
}
header ul.menu > li.fl-menu-search-item a.fl-button::before {
	content: '';
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M9.16667 15.8333C12.8486 15.8333 15.8333 12.8486 15.8333 9.16667C15.8333 5.48477 12.8486 2.5 9.16667 2.5C5.48477 2.5 2.5 5.48477 2.5 9.16667C2.5 12.8486 5.48477 15.8333 9.16667 15.8333Z' stroke='%23F8FAFB' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M17.5 17.5L13.875 13.875' stroke='%23F8FAFB' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	width: 20px;
	height: 20px;
	display: block;
}
header ul.menu > li.fl-menu-search-item a > i {
	display: none;
}
/****/



/* HEADER TOPBAR */
header .topbar .fl-col-group > .fl-col > .fl-col-content {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-end;
	align-items: center;
}


header .topbar .fl-module-button {
	width: auto !important;
}
header .topbar .fl-module-button a.fl-button {
	width: max-content;
	border-radius: 0;
	font-size: 16px;
}
/****/



/* HEADER NAVBAR */
.navbar {
	border-radius: 0 !important;
	margin-bottom: 0 !important;
	border: 0 !important;
	min-height: auto !important;
}
@media screen and (max-width: 992px) {
	header .navbar ul.menu > li > a,
	header .navbar ul.menu > li > div > a {
		padding-right: 0;
		padding-left: 0;
	}
	header .navbar ul.menu > li > a,
	header .navbar ul.menu > li > div > a,
	header .navbar ul.sub-menu > li > a,
	header .navbar ul.sub-menu > li > div > a {
		text-align: left !important;
	}
	header .navbar ul.sub-menu {
		padding-left: 0 !important;
	}
	header .navbar ul.sub-menu > li > a,
	header .navbar ul.sub-menu > li > div > a {
		color: #FFFFFF !important;
	}
	
	
	header .navbar > .fl-row-content-wrap {
		background: rgba(22, 30, 34, 0.70);
	}
	
	
	header .navbar .fl-menu-mobile-clone > .fl-module-content {
		padding: 120px 20px 20px;
    	margin-top: -85px;
    	margin-right: 0;
    	margin-left: 0;
		background-color: #161E22;
	}
	header .navbar .fl-menu-mobile-clone nav {
		width: 100%;
	}
	
	
	header .navbar .fl-module-menu .fl-menu-mobile-toggle {
		padding: 0;
	}
	header .navbar .fl-module-menu .fl-menu-mobile-toggle:hover {
		background: transparent !important;
	}
	header .navbar .fl-module-menu .fl-menu-mobile-toggle::before {
		content: '';
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20' stroke-width='2' stroke='%23FFFFFF' class='w-6 h-6'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M3.75 6.75h16.5M3.75 12h16.5m-16.5 5.25h16.5' /%3E%3C/svg%3E%0A");
		background-repeat: no-repeat;
		background-size: contain;
		background-position: center;
		width: 40px;
		height: 40px;
		display: block;
	}
	header .navbar .fl-module-menu .fl-menu-mobile-toggle.fl-active::before {
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20' stroke-width='2' stroke='%23FFFFFF' class='w-6 h-6'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M6 18L18 6M6 6l12 12' /%3E%3C/svg%3E");
	}
	header .navbar .fl-module-menu .fl-menu-mobile-toggle > span {
		display: none !important;
	}
}
@media screen and (max-width: 768px) {
	header .navbar .fl-module-menu .fl-menu-mobile-toggle::before {
		width: auto;
		height: 20px;
		background-position: right;
	}
	header .navbar .fl-menu-mobile-clone > .fl-module-content {
		padding-top: 90px;
	}
}
/****/

/******************************************************************************************/
/*************************************** 3 BANNERS ****************************************/
/******************************************************************************************/

/* BANNER */
.banner > .fl-row-content-wrap {
	margin-top: -180px;
	padding-top: 180px;
	position: relative;
}
@media screen and (max-width: 992px) {
	.banner > .fl-row-content-wrap {
		margin-top: -107px;
		padding-top: 84px;
	}
}
@media screen and (max-width: 768px) {
	.banner > .fl-row-content-wrap {
		margin-top: -70px !important;
		padding-top: 70px;
	}
}


.banner > .fl-row-content-wrap::after {
	background: linear-gradient(71deg, rgba(0, 0, 0, 0.44) 46.91%, rgba(61, 61, 61, 0.00) 91.98%), linear-gradient(0deg, rgba(0, 0, 0, 0.53) -10.94%, rgba(19, 71, 94, 0.65) 4.97%, rgba(0, 0, 0, 0.45) 39.28%, rgba(0, 0, 0, 0.00) 85.12%), linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%), -2px -222.028px / 114.306% 145.058% no-repeat;
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}
.banner > .fl-row-content-wrap > .fl-row-content {
	position: relative;
	z-index: 1;
}
/****/



/* BANNER ARCHIVE */
.banner-archive .fit-size img {
	padding: 24px;
	background-color: #FFFFFF;
}
@media screen and (max-width: 768px) {
	.banner-archive .col-img.fit-size > .fl-col-content {
		min-height: 100%;
	}
}

.single-award .banner-archive .col-img > .fl-col-content {
	background-size: contain;
}
/****/


/******************************************************************************************/
/************************************ 4 FEEDS & GRIDS *************************************/
/******************************************************************************************/


/* Complex Feeds */

.complex-list, .simple-list {
	border: 1px solid #ddd; 
	padding: 20px; 
}

.fri-feed-item .row {
	margin: 0px; 
}

.feed-meta-block {
	font-size: 0.9em; 
}

.feed-meta-block + .feed-meta-block {
	margin-top: 10px; 
}

.feed-meta-label {
	font-size: 0.75em; 
}

.feed-meta-block ul.fl-category {
	list-style-type: none; 
	padding: 0px; 
}

/******************************************************************************************/
/**************************************** 5 CPTS ******************************************/
/******************************************************************************************/



/******************************************************************************************/
/*************************************** 5 FOOTER *****************************************/
/******************************************************************************************/

/* FOOTER */
footer .invert a,
footer .invert p,
footer .invert,
footer .invert a:hover {
	color: #F8FAFB !important;
}
footer a:hover {
	text-decoration: underline !important;
}
footer p {
	margin-bottom: 0;
}

footer ul.menu > li:first-child > a {
	padding-top: 0;
}
footer ul.menu > li:last-child > a {
	padding-bottom: 0;
}

.footer-sub {
	font-size: 16px;
}

@media screen and (max-width: 768px) {
	footer .fl-module-button a {
		width: 100%;
	}
}
/****/



/* FOOTER CTA */
.gform_wrapper {
	border: 0;
	padding: 0;
}
.gform_wrapper.gravity-theme .gform_footer {
	justify-content: center;
	margin-top: 32px !important;
	padding-top: 0 !important;
}
.gform_wrapper.gravity-theme .gfield input {
	color: #6B7D8C;
	border-radius: 5px;
	border: 0;
	padding: 8px 12px !important;
	font-size: 16px !important;
	line-height: 1.6 !important;
}
.gform_wrapper.gravity-theme .gfield input::placeholder {
	color: #6B7D8C;
}
@media screen and (max-width: 768px) {
	.gform_wrapper.gravity-theme .gform_footer input {
		width: 100%;
		margin: 0 !important;
	}
}
/****/

/******************************************************************************************/
/************************************ 6 GENERAL STYLES ************************************/
/******************************************************************************************/

/* PRIMARY CONTENT */
.primary-content .fl-module-fl-post-content ul,
.primary-content .fl-module-fl-post-content ol {
	margin-bottom: 20px;
}

.primary-content .fl-module img {
	width: 100%;
}
/****/

/* COOKIE BAR */
.seopress-user-consent button {
	border-radius: 100px;
	padding: 10px 20px;
	font-weight: 400 !important;
	border: 2px solid #B62020;
}
.seopress-user-consent button#seopress-user-consent-accept:hover,
.seopress-user-consent button#seopress-user-consent-close:hover {
	background-color: #B62020 !important;
	color: #F8FAFB !important;
	border: 2px solid #B62020;
}
.seopress-user-consent button#seopress-user-consent-close {
	border: 2px solid #42494D;
}
@media screen and (max-width: 768px) {
	.seopress-user-consent p {
		margin-right: 0 !important;
		margin-bottom: 15px !important;
	}
}
/****/

/* AWARD WINNER BADGE */
.award-winner-badge {
	color: #FFFFFF !important;
}
.award-winner-badge p {
	background-color: #0D70C0;
	width: fit-content;
	padding: 10px 20px;
	border-radius: 100px;
	color: #FFFFFF !important;
	font-weight: bold;
	font-size: 15px;
	line-height: 1;
	text-transform: uppercase;
	letter-spacing: 0.5px;
}
/****/

/* TABLEPRESS */
.tablepress td, th {
	padding: 20px!important;
}

.tablepress>:where(tbody)>.odd>* {
    background-color: #f6f8fa;
    color: var(--odd-text-color);
}
.tablepress>:where(thead,tfoot)>*>th {
    background-color: #d8e5ef;
    color: var(--head-text-color);
    font-weight: 700;
    vertical-align: middle;
    word-break: normal;
}
.tablepress>*+tbody>*>*, .tablepress>tbody>*~*>*, .tablepress>tfoot>*>* {
    border-top: 1px solid #d9e7f2;
}
/****/

/* GRID SIDEBAR */
.sidebar-col > .fl-col-content {
	border-radius: 10px;
}
@media screen and (min-width: 769px) {
	.sidebar-col {
		margin-left: 20px;
	}
}
/****/


/* META INFO */
.meta-info > .fl-col-content > .meta-item .fl-rich-text p:last-of-type,
.meta-info > .fl-col-content > .meta-item .fl-rich-text p:not(:first-child) {
	color: #6B7D8C;
}
.meta-info > .fl-col-content > .meta-item .fl-rich-text ul > li {
	margin-bottom: 4px;
	color: #6B7D8C;
}
.meta-info > .fl-col-content > .meta-item .fl-rich-text ul > li a {
	color: #6B7D8C !important;
}
.meta-info > .fl-col-content > .meta-item .fl-rich-text a {
	color: #0D70C0 !important;
}
.meta-info > .fl-col-content > .meta-item .fl-rich-text p:only-of-type {
	color: #42494d !important;
    font-weight: 600 !important;
    margin-bottom: 4px !important;
}
.meta-info > .fl-col-content > .meta-item .fl-rich-text ul {
	list-style-type: none;
	padding-left: 0;
	margin-bottom: 0;
}
/****/



/* HEADING LINES (2 LINES) */
.heading-lines .fl-heading span {
	color: #0D70C0;
	position: relative;
}
.heading-lines .fl-heading span::after {
	content: '';
	display: block;
	width: 70px;
	height: 2px;
	background-color: #0D70C0;
	position: absolute;
	top: 50%;
	left: -94px;
}
.heading-lines .fl-heading span::before {
	content: '';
	display: block;
	width: 70px;
	height: 2px;
	background-color: #0D70C0;
	position: absolute;
	top: 50%;
	right: -94px;
}
@media screen and (max-width: 768px) {
	.heading-lines .fl-heading span::after,
	.heading-lines .fl-heading span::before {
		width: 50px;
	}
	.heading-lines .fl-heading span::after {
		left: -64px;
	}
	.heading-lines .fl-heading span::before {
		right: -64px;
	}
}
/****/



@media screen and (min-width: 993px) {
	.hide-desktop {
		display: none !important;
	}
}



/* SIDEBAR */
.meta-info > .fl-col-content {
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	gap: 24px;
}

.meta-info > .fl-col-content > .meta-item:last-child > .fl-module-content {
	border-bottom: 1px solid rgb(22 30 34 / 16%);
	padding-bottom: 24px;
}

.meta-info > .fl-col-content > .meta-item p {
	margin-bottom: 0;
}
.meta-info > .fl-col-content > .meta-item .fl-rich-text p:first-of-type {
	font-weight: 600;
	margin-bottom: 4px;
}
.meta-info > .fl-col-content > .meta-item .fl-rich-text p:last-of-type {
	font-weight: 400;
	color: #6B7D8C;
}
/****/

/* LEARNDASH + AMS INTEGRATION */
.learndash-ams-verification-link {
	display: flex;
	flex-direction: column;
	padding: 0.5em 0;
	place-content: center;
	text-align: center;
	width: 100%;
}

.learndash-ams-verification-link > span {
	font-size: 85%;
	font-style: italic;
}

.novi-purchase-errors {
	width: 100%;
	margin-bottom: 1rem;
	padding: 1rem;
	text-align: center;

	border-width: var(--border-width);
	border-style: solid;
	border-radius: var(--border-radius-sm);
	border-color: var(--color-danger);
}

.novi-purchase-errors:before {
    content: '!';
    color: white;
    background: var(--color-danger);
    width: 25px;
    height: 25px;
    line-height: 25px;
    display: block;
    border-radius: 50%;
    margin: 0 auto 1rem;
}

/******************************************************************************************/
/******************************** X GENERAL MEDIA QUERIES *********************************/
/******************************************************************************************/