/*
Theme Name: dh-light
Author: Michael Miller
Version: 1.0.1
Requires at least: 6.1
Tested up to: 6.4
Requires PHP: 5.6
Template: twentytwentythree

This is made by Mike and Jarid :)
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Colors
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments
# Homepage dump
# Single Post CSS - For Archive.php file
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/

/* Normalize
--------------------------------------------- */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
 html {
	line-height: 1.15;
	-webkit-text-size-adjust: 100%;
}

/* Sections
	 ========================================================================== */

/**
 * Remove the margin in all browsers.
 */
body {
	margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
	display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
	font-size: 3em;
	margin: 0.67em 0;
	line-height: 1.3em;
}

/* Grouping content
	 ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
	box-sizing: content-box;
	height: 0;
	overflow: visible;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
	font-family: monospace, monospace;
	font-size: 1em;
}

/* Text-level semantics
	 ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */
a {
	background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
	border-bottom: none;
	text-decoration: underline;
	text-decoration: underline dotted;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
	font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

/**
 * Add the correct font size in all browsers.
 */
small {
	font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

/* Embedded content
	 ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */
img {
	border-style: none;
}

/* Forms
	 ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
	font-family: inherit;
	font-size: 100%;
	line-height: 1.15;
	margin: 0;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
	overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
	text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
	-webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
	padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *		`fieldset` elements in all browsers.
 */
legend {
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
	vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
	overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
	box-sizing: border-box;
	padding: 0;
	accent-color: var(--hannah-blue);
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
	-webkit-appearance: textfield;
	outline-offset: -2px;
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit;
}

/* Interactive
	 ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
	display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
	display: list-item;
}

/* Misc
	 ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */
template {
	display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
	display: none;
}

/* Box sizing
--------------------------------------------- */

/* Inherit box-sizing to more easily change it's value on a component level.
@link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
*,
*::before,
*::after {
	box-sizing: inherit;
}

html {
	box-sizing: border-box;
}

/*--------------------------------------------------------------
# Base
--------------------------------------------------------------*/

/* Typography
--------------------------------------------- */
body,
button,
input,
select,
optgroup,
textarea {
	color: #000000;
	font-family: "Open Sans", "Arial", sans-serif;
	font-size: 1rem;
	line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
}

.x-large {
	font-size: 72px;
	font-weight: 800;
}

h1 {
	font-size: 48px;
	font-weight: 800;
}

h2 {
	font-size: 32px;
	font-weight: 800;
	margin: 0.67em 0;
}

h3 {
	font-size: 29px;
	font-weight: 800;

}

h4 {
	font-size: 24px;
	font-weight: 800;
}

h5 {
	font-size: 20px;
	font-weight: 800;
	text-transform: none;
}

h6 {
	font-size: 18px;
	font-weight: 800;
	text-transform: none;
}

p {
	margin-bottom: 1.5em;
	font-size: 16px;
  font-weight: 200;

}


.x-small {
	font-size: 12px;
}

dfn,
cite,
em,
i {
	font-style: italic;
}

blockquote {
	margin: 0 1.5em;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", courier, monospace;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code,
kbd,
tt,
var {
	font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}

abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark,
ins {
	background: #fff9c0;
	text-decoration: none;
}

big {
	font-size: 125%;
}

.text-center {
	text-align: center;
}

@media screen and (max-width: 768px) {
  h1 {
	font-size: 2em;
  }
}

/* Colors
--------------------------------------------- */

:root {
  --hannah-blue: #00427A;
  --bowtie-blue: #A0CBED;
  --nice-yellow: #FFC425; 
  --asphalt-black: #29333A;
  --white: #FFFFFF; 
 
}

.hannah-blue {
	color: #00427A;
}

.bowtie-blue {
	color: #A0CBED;
}

.nice-yellow {
	color: #FFC425;
}

.asphalt-black {
	color: #29333A;
}

/* Elements
--------------------------------------------- */
body {
	background: #fff;
}

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}



ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dt {
	font-weight: 700;
}

dd {
	margin: 0 1.5em 1.5em;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

img {
	height: auto;
	max-width: 100%;
}

figure {
	margin: 1em 0;
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}

/* Links
--------------------------------------------- */
a {
	color: inherit; 
	text-decoration: underline;
}


a:visited {
	color: #000;
}

a:hover,
a:focus,
a:active {
	text-decoration: none;
}

a:focus {
	outline: thin dotted;
}

a:hover,
a:active {
	outline: 0;
}

/* DHD Brand Buttons
--------------------------------------------- */

/* Dark blue background, white text */
.primary-button {
    text-align: center;
    background: #00427a;
    color: #fff;
    display: inline-block;
    padding: 8px 10px;
    font-weight: 700;
    border-radius: 20px;
    width: 200px;
    transition: .3s;
}
/* Light blue background, black text */
.primary-button:hover {
  background: #A0CBED;
   color: #000;
}
/* Yellow background, black text */
.secondary-button { 
  
    text-align: center;
    background: #FFC425;
    color: #000;
    display: inline-block;
    padding: 8px 10px;
    font-weight: 700;
    border-radius: 20px;
    width: 200px;
    transition: .3s;
 
}

.button-row {
    display: flex;
    justify-content: flex-start;
    flex-direction: row;
    align-items: center;
    gap: 20px;
}

/* Forms
--------------------------------------------- */
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  /*
	border: 1px solid;
	border-color: #ccc #ccc #bbb;
	border-radius: 3px;
	background: #e6e6e6;
	color: rgba(0, 0, 0, 0.8);
	line-height: 1;
	padding: 0.6em 1em 0.4em;
  */
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	border-color: #ccc #bbb #aaa;
}

button:active,
button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
	border-color: #aaa #bbb #bbb;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	color: #000000;
    border: 1px solid #d2d2d2;
    border-radius: 3px;
    padding: 3px;
    margin: 3px 0;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
	color: #111;
}

select {
	border: 1px solid #cccccc;
    border-radius: 5px;
    background: #ffffff;
    box-shadow: inset 1px 1px 0px 0px rgba(0, 0, 0, .075);
    color: #000000;
	height: 2em;
}

textarea {
	width: 100%;
  height: 220px !important;
}

/*--------------------------------------------------------------
# Layouts
--------------------------------------------------------------*/

section {
	padding: 2em 0;
}

.width {
	width: 88%;
	max-width: 1200px;
	margin: 0 auto;
}

@media screen and (max-width: 1200px) {
	.width {
		padding: 0 2em;
	}
  }

  .flex-column-center {
	display: flex;
    flex-direction: column;
    align-items: center;
}

.flex-row-center {
	display: flex;
    flex-direction: row;
    align-items: center;
	gap:30px;
}

.grid-two-column {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 20px;
}

.grid-three-column {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 20px;
}

.grid-two-column {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 20px;
}

.grid-four-column {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 20px;
}


.bg-gray {
	background: #ededed;
}

/*--------------------------------------------------------------
# Components
--------------------------------------------------------------*/

/* Navigation
--------------------------------------------- */
/*
.main-navigation {
	display: block;
	width: 100%;
}

.main-navigation ul {
	display: none;
	list-style: none;
	margin: 0;
	padding-left: 0;
}

.main-navigation ul ul {
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
	float: left;
	position: absolute;
	top: 100%;
	left: -999em;
	z-index: 99999;
}

.main-navigation ul ul ul {
	left: -999em;
	top: 0;
}

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
	display: block;
	left: auto;
}

.main-navigation ul ul a {
	width: 200px;
}

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
	left: auto;
}

.main-navigation li {
	position: relative;
}

.main-navigation a {
	display: block;
	text-decoration: none;
}

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
	display: block;
}

@media screen and (min-width: 37.5em) {

	.menu-toggle {
		display: none;
	}

	.main-navigation ul {
		display: flex;
	}
}

.site-main .comment-navigation,
.site-main
.posts-navigation,
.site-main
.post-navigation {
	margin: 0 0 1.5em;
}

.comment-navigation .nav-links,
.posts-navigation .nav-links,
.post-navigation .nav-links {
	display: flex;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	flex: 1 0 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	text-align: end;
	flex: 1 0 50%;
}

*/

/* Posts and pages
--------------------------------------------- */
.sticky {
	display: block;
}

.post,
.page {
	margin: 0 0 1.5em;
}

.updated:not(.published) {
	display: none;
}

.page-content,
.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

/* Comments
--------------------------------------------- */
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/* Widgets
--------------------------------------------- */
.widget {
	margin: 0 0 1.5em;
}

.widget select {
	max-width: 100%;
}

/* Media
--------------------------------------------- */
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
	display: inline-block;
}

/* Captions
--------------------------------------------- */
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.wp-caption-text {
	text-align: center;
}

/* Galleries
--------------------------------------------- */
.gallery {
	margin-bottom: 1.5em;
	display: grid;
	grid-gap: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	width: 100%;
}

.gallery-columns-2 {
	grid-template-columns: repeat(2, 1fr);
}

.gallery-columns-3 {
	grid-template-columns: repeat(3, 1fr);
}

.gallery-columns-4 {
	grid-template-columns: repeat(4, 1fr);
}

.gallery-columns-5 {
	grid-template-columns: repeat(5, 1fr);
}

.gallery-columns-6 {
	grid-template-columns: repeat(6, 1fr);
}

.gallery-columns-7 {
	grid-template-columns: repeat(7, 1fr);
}

.gallery-columns-8 {
	grid-template-columns: repeat(8, 1fr);
}

.gallery-columns-9 {
	grid-template-columns: repeat(9, 1fr);
}

.gallery-caption {
	display: block;
}

/*--------------------------------------------------------------
# Plugins
--------------------------------------------------------------*/

/* Jetpack infinite scroll
--------------------------------------------- */

/* Hide the Posts Navigation and the Footer when Infinite Scroll is in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
	display: none;
}

/* Re-display the Theme Footer when Infinite Scroll has reached its end. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Utilities
--------------------------------------------------------------*/

/* Accessibility
--------------------------------------------- */

/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	clip-path: none;
	color: #21759b;
	display: block;
	font-size: 0.875rem;
	font-weight: 700;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
}

/* Do not show the outline on the skip link target. */
#primary[tabindex="-1"]:focus {
	outline: 0;
}

/* Alignments
--------------------------------------------- */
.alignleft {

	/*rtl:ignore*/
	float: left;

	/*rtl:ignore*/
	margin-right: 1.5em;
	margin-bottom: 1.5em;
}

.alignright {

	/*rtl:ignore*/
	float: right;

	/*rtl:ignore*/
	margin-left: 1.5em;
	margin-bottom: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1.5em;
}



/* Animations
--------------------------------------------- */
/*
.site-content {
	opacity: 0;
	transform: translateY(20px);
	transition: opacity 1s ease-out, transform 1s ease-out;
  }
  
.site-content.visible {
	opacity: 1;
	transform: translateY(0);
  }

*/

/* Components
--------------------------------------------- */

/* Subfooter */

.subfooter_cta_duo_wrapper{display:flex;justify-content:center;align-items:center;flex-direction:column;height:400px;}
.subfooter_cta_duo_link{width:100%;padding: 2em;margin: 0;height: 250px;position:relative;flex:1;display:flex; text-decoration: none;}
.subfooter_cta_duo_link:first-child{background: linear-gradient(to top, rgba(55,55,55,0.5), rgba(55,55,55,0.5)),url('https://dickhannahv3.wpenginepowered.com/wp-content/uploads/2024/10/join_our_team.jpg') no-repeat top center;background-size: cover;}
.subfooter_cta_duo_link:last-child{background: linear-gradient(to top, rgba(55,55,55,0.5), rgba(55,55,55,0.5)),url('https://dickhannahv3.wpenginepowered.com/wp-content/uploads/2024/10/community.jpg') no-repeat top center;background-size: cover;}
/* subfooter styling for "community" page */
.subfooter_cta_duo_link_community{width:100%;padding: 2em;margin: 0;height: 250px;position:relative;flex:1;display:flex;}
.subfooter_cta_duo_link_community:first-child{background: linear-gradient(to top, rgba(55,55,55,0.5), rgba(55,55,55,0.5)),url('https://dickhannahv3.wpenginepowered.com/wp-content/uploads/2024/10/join_our_team.jpg') no-repeat top center;background-size: cover;}
.subfooter_cta_duo_link_community:last-child{background: linear-gradient(to top, rgba(55,55,55,0.5), rgba(55,55,55,0.5)),url('https://dickhannahv3.wpenginepowered.com/wp-content/uploads/2024/10/community.jpg') no-repeat top center;background-size: cover;}
/* END subfooter styling for "community" page */
.subfooter_cta_duo{position:static;text-align:left;margin-top:auto;}
.subfooter_cta_duo h2{color:#fff;}
.subfooter_cta_duo h5{color:#ffc132;margin-top:0px;}
.subfooter_cta_duo_company{background: linear-gradient(to top, rgba(55,55,55,0.5), rgba(55,55,55,0.5)),url(/wp-content/themes/dh-x/framework/img/how-can-we-help-you.jpg) no-repeat top center !important;}




/*--------------------------------------------------------------
# Homepage Dump
--------------------------------------------------------------*/
/*disable lux*/
#longtailux_link_widget-2 {display:none;}
/*disable capital one disclaimer*/

.hero {
      background: -moz-linear-gradient(rgba(10, 60, 106, 0.5), rgba(10, 60, 106, 0.5)), url('/wp-content/themes/dh-light/assets/img/dhd/homepage-hero.png') 100% / 100% no-repeat;
      background: -webkit-gradient(linear, left top, left bottom, color-stop(rgba(10, 60, 106, 0.5)), color-stop(rgba(10, 60, 106, 0.5))), url('/wp-content/themes/dh-light/assets/img/dhd/homepage-hero.png') 100% / 100% no-repeat;
      background: -o-linear-gradient(top, rgba(10, 60, 106, 0.5), rgba(10, 60, 106, 0.5)), url('/wp-content/themes/dh-light/assets/img/dhd/homepage-hero.png') 100% / 100% no-repeat;
      background: linear-gradient(to top, rgba(10, 60, 106, 0.5), rgba(10, 60, 106, 0.5)), url('/wp-content/themes/dh-light/assets/img/dhd/homepage-hero.png') 100% / 100% no-repeat;
      background-size: cover;
      background-position: 32% 75%;
      min-height: 480px;
      position: relative;
      padding-bottom: 6em;
  }

.hp{display:none!important}
.grecaptcha-badge{display:none;}
.clearfix{clear:both;}
.dealershipSelect{width:100%;}
.dh_desktop{display:none;}
.dh_mobile{display:block;}
/*these work*/
.hidden{display:none!important;}
.hide_xs{display:none;}
.block{display:block;}
.fr{float:right;}
.fl{float:left;}
.bold{font-weight:bold;}
.uc{text-transform:uppercase;}
.tl{text-align:left;}
.tc{text-align:center;}
.tr{text-align:right;}
.m0{margin:0;}
.ma{margin:auto;}
.w5,.w10,.w15,.w20,.w25,.w30,.w33,.w35,.w40,.w45,.w50,.w60,.w66,.w70,.w75,.w80,.w85,.w100{width:100%;text-align:center;}

.flex-row{display:flex;justify-content:center;align-items:center;flex-direction:row;}
.text-sm{margin:0;}
.reveal_section_body_item{cursor:pointer;}
.x-logobar{border-bottom:none!important;}
.x-navbar-inner {min-height: 0px!important;}
.z-down .x-column{z-index:0!important;}
.justified_nav {display: flex;justify-content:space-between;}
.dh_desktop nav.justified_nav{font-size:9.5pt;}
.cta_row_head,.cta_row_subhead{font-weight:400;text-transform:uppercase;}
.cta_row_head,.text_md{font-size:12.5px;}
.cta_row_subhead,.text_sm{font-size:10px;}
/*these work*/
.teal_btn{font-size: 1.5em;color: rgb(255, 255, 255);border-color: rgb(50, 149, 138)!important;background-color:#03a804!important;text-shadow: rgba(0, 0, 0, 0.5) 0px 0.075em 0.075em;outline: none;font-weight: bold; width: 300px;margin: 1em auto 1.5em;padding: 0.5em 1em;font-size: 0.9em;border-radius: 20px;}
.outline_btn{border-radius: 3px!important;box-shadow:none!important;text-shadow:none!important;outline:none;background: none!important;text-transform: uppercase;font-weight: bold;padding: 14px 37px!important;font-size: 14px!important;}
input.store_color_bg{border:none;box-shadow:none;}
input.store_color_bg:hover{border:none;box-shadow:none;}
.hero_select{height:40px;background: none;color: #fff;border: 2px solid #fff;width: 70%;-webkit-appearance: none;-moz-appearance: none;appearance: none;-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 25px;outline: none;background-image: linear-gradient(45deg, transparent 50%, #fff 50%), linear-gradient(135deg, #fff 50%, transparent 50%);background-position: calc(100% - 20px) calc(1em + 2px), calc(100% - 15px) calc(1em + 2px), 100% 0;background-size: 5px 5px, 5px 5px, 2.5em 2.5em;background-repeat: no-repeat;}
.hamburger:hover .hamburger_content {display: block;}
.hamburger_content {display: none;position: absolute;background-color: #fff;width: 100%;max-width:1200px;left: 0;box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);z-index: 3;}
.hamburger_content>a {display:block;text-align:center;font-size:2em;}
.cf7_select{height:40px;}
.announcement {
  background-color: #ffc132;
  color: white;
  text-align: center;
  padding: 5px;
  cursor: pointer;
}
/* Navbar container */
nav {overflow: hidden;}
/* Links inside the navbar */
nav a {float: left;text-align: center;padding: 14px 16px;text-decoration: none;vertical-align:top;}
nav a:link, nav a:active, nav a:hover, nav a:visited,.toyota_red_bg a:link,.toyota_red_bg a:active,.toyota_red_bg a:hover,.toyota_red_bg a:visited{color: white;}
nav a:nth-last-child{text-align:right;}
/* The dropdown container */
.dropdown {float: left;overflow: hidden;transition-duration: 2s, 4s;}
/* Dropdown button */
.dropdown .dropbtn {border: none;outline: none;color: white;background-color: inherit;
font: inherit; /* Important for vertical align on mobile phones */
margin: 0; /* Important for vertical align on mobile phones */}
/* Add a red background color to navbar links on hover */
.dh_desktop .dropdown .dropbtn{padding: 1.2em 1em;}
.dh_mobile .dropdown .dropbtn{padding: 14px 16px;}
.navbar a:hover, .dropdown:hover .dropbtn {}
/* Dropdown content (hidden by default) */
.dropdown-content {padding-top:0px;display: none;position: absolute;background-color: #fff;width: 100%;max-width:1200px;left: 0;box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);z-index: 2;}
.dropdown-content.pt {padding-top:53px;}
.mm_container>.flex-row>div:first-child{width:70px;}
.mm_border_container{margin-top: 0em;}
.mm_border_container,.mm_container{height:200px;}
.mm_container{margin-top: 0em;}
.mm_border_container>a{padding:0;}
.mm_anchor{width:100%;height:53px;position:absolute;top:0;right:0;left:0;margin:auto;display:flex;justify-content:center;align-items:center;text-transform:uppercase;box-shadow: inset 0 7px 9px -7px rgba(0,0,0,0.7)}
.mm_anchor embed{margin-left:1em;width:25px;filter:invert(100%);}
/* Mega Menu header, if needed */
.dropdown-content .header {background: red;padding: 16px;color: white;}
/*Mobile Nav Bar*/
.sidebar{position:fixed;width:100%;top:70px;max-height:85vh;background:#fff;left:-120%;transition:.4s;overflow:scroll;z-index:99999;box-shadow: 0px 5px 10px #666;}
.sidebar.active{left:0;}
.sidebar ul{margin:0;padding:0;}
.sidebar ul li{list-style:none;font-size:20px;padding:15px 24px;border-bottom:2px solid #999;width:100%;}
.sidebar ul li:last-child{border-bottom:none;}
.sidebar ul li.active{border-left: 5px solid #9a9a9a;font-weight:bold;}
.sidebar ul li a{width:100%;display: inline-block;}
/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {display: block;height:200px;}
.dropdown:hover .dropdown-content.pt {height:253px;}
/* Create three equal columns that floats next to each other */
.column {float: left;padding: 10px;height: 200px;}
.column:last-child{padding:0px;}
/* Style links inside the columns */
.column a {float: none;color: black;text-decoration: none;text-align: left;}
/* Clear floats after the columns */
.row:after {content: "";display: table;clear: both;}
/*buttons*/
.hero_round_btn{font-weight:bold!important;margin:0 0 0.5em 1.3em!important;padding:0!important;height:40px!important;width:40px!important;background:#fff!important;border:none!important;border-radius:50%!important;text-shadow:none!important;box-shadow:none!important;}
/*footer*/
.menu-footer{float:left;width:50%;}
.menu-footer:nth-child(2){text-align:right;}
.socialIcons{width:1.5em;}
.footer_break{width:100%;float:right;text-align:center;color:#a2a2a2;padding:1em;}
.x-colophon{background:#333!important;}
.x-colophon-content{font-size:25px;color:#d2d2d2;padding:4em 0;}
.clip_bottom {
  clip-path: polygon(0 0, 100% 0, 100% 97%, 0 100%);
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 97%, 0 100%);
}
/*these work*/
.mm_middle{padding-top:3em;}
.custom_footer_wrapper{max-width:1200px;width:88%;margin:auto;}
/*Blog Styles */
.more-link {margin: 1em 0;border: 1px solid;padding: 10px 20px;border-radius: 60px;text-transform: uppercase;}
.recent-posts .recent-post:nth-child(1) a.more-link {margin-left: 2em;padding-left: 20px;}
.brandImg>img{max-height:427px;}
/*Navigation styles*/
.nav_text{line-height:20px;}
.dh_menu_item_ver2,.nav_text{font-size:9.5pt;}
@media(min-width:1000px) and (max-width:1087px){.dh_menu_item_ver2,.nav_text{font-size:7.5pt;}}
@media(min-width:1088px) and (max-width:1175px){.dh_menu_item_ver2,.nav_text{font-size:8.2pt;}}
@media(min-width:1176px) and (max-width:1220px){.dh_menu_item_ver2,.nav_text{font-size:9.4pt;}}

@media(min-width:600px){
.hide_xs{display:inline-block;}
}
/*theme mobile breakpoint*/
@media(min-width:767px){
.w5,.w10,.w15,.w20,.w25,.w30,.w33,.w40,.w45,.w50,.w60,.w66,.w70,.w75,.w80,.w85,.w90,.w100{text-align:inherit;}
.w5{width:5%!important;}
.w10{width:10%!important;}
.w15{width:15%!important;}
.w20{width:20%!important;}
.w25{width:25%!important;}
.w30{width:30%!important;}
.w33{width:33.33%!important;}
.w35{width:35%!important;}
.w40{width:40%!important;}
.w45{width:45%!important;}
.w50{width:50%!important;}
.w60{width:60%!important;}
.w66{width:66.66%!important;}
.w70{width:70%!important;}
.w75{width:75%!important;}
.w80{width:80%!important;}
.w85{width:85%!important;}
.w95{width:95%!important;}
.w100{width:100%!important;}
.menu-footer{width:15%;}
.menu-footer:nth-child(2){text-align:left;}
.footer_break{width:70%;text-align:right;padding:0 1em 1em;}
div.dropdown-content>div.row>div:first-child{padding: 1em 1.5em 0 1.5em;}
div.dropdown-content>div.row>div:nth-child(2){padding: 3em 1.5em 0 1.5em;}
}
/*DH custom mobile breakpoint*/
@media(min-width:1000px){
.dh_desktop{display:block;}
.dh_mobile{display:none!important;}
.bm-hero>.bm-hero-inr>.bm-image-section{min-height:352px;}
.x-navbar-wrap{margin-top:1.5em;}
.x-breadcrumb-wrap{padding:0!important;}
.x-breadcrumb{padding:0.5em 0 0.5em 250px;}
.dropdown-content{width:88%;left: 6%;}
/*.cta_bottom_pair{left:5em;width:auto;text-align:left;}*/
.subfooter_cta_duo_wrapper{flex-direction:row;height:auto;}
.subfooter_cta_duo_link{padding: 0;}
.subfooter_cta_duo{position:absolute;bottom:2em;left:5em;}
.clip_bottom {
  clip-path: polygon(0 0, 100% 0, 100% 84%, 0 100%);
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 84%, 0 100%);
}
}
@media(min-width:1200px){
.cta_row_head,.text-md{font-size:17.5px;}
.cta_row_subhead,.text-sm{font-size:12px;}
.mm_border_container{margin-top: 0em;}
.mm_container{margin-top: 1.5em;}
.mm_middle{padding-top:1.5em;}
.custom_footer_wrapper{width:88%;padding:0;}
div.dropdown-content>div.row>div:first-child{padding: 0 1.5em;}
div.dropdown-content>div.row>div:nth-child(2){padding: 0 1.5em;}
}
@media print{
a:after{content:'';}
a[href]:after{content:none!important;}
}
/*Navigation styles*/
@media(min-width:1000px) and (max-width:1087px){.dh_desktop nav.justified_nav{font-size:7.5pt;}}
@media(min-width:1088px) and (max-width:1175px){.dh_desktop nav.justified_nav{font-size:8.2pt;}}
@media(min-width:1176px) and (max-width:1220px){.dh_desktop nav.justified_nav{font-size:9.4pt;}}
/* Google Optimize Implimentations */
.bm-call{display: none;padding-right: 10px;}
#bm-wrapper a img:nth-child(2){display: none;}
#bm-wrapper a img{width: 100%;max-width: 225px;}
.bm-call a span{color: #368ce1!important;text-decoration: underline;font-weight: 600;}
.sticky {transition: 0.7s ease-in-out;position: fixed;top: 0;width: 100%;background: white;z-index: 10000;}
.announcement {position: relative;overflow:hidden;}
.announcement>i.fa{position: absolute;left: -11px;top: -6px;opacity: .5;font-size: xxx-large;}
.buyFromHome{display:none;}
@media only screen and (max-width: 280px) {.bm-call{font-size: 10pt;margin-left: 10px;}}
@media only screen and (min-width:300px){.bm-call{font-size: 13pt;margin-left: 10px;}}

 body{background-color: #fff!important;}
*:focus {
outline: 0;
outline: none;
}

.hero_cta_wrapper{margin:0 auto;display:flex;justify-content:space-evenly;flex-direction:column;width:1200px;max-width:100%;padding: 3em 0 0 0;}
.hero_cta_wrapper button{background: #86c146;width: 350px;margin: 0.5em auto;padding: 0.4em 1em;font-size: 20px;text-transform: uppercase;font-weight: bold;color: #ffffff;border: none;}

@media screen and (min-width:1000px){
  .call-CTA{font-size:25px;}
  .hero_cta_wrapper{flex-direction:row;flex-wrap: wrap;}
}
/*these work */
.life-options{flex-basis:50%;text-transform:uppercase;letter-spacing:0.8px;font-weight:bold;display:flex;justify-content:flex-start;align-items:center;margin:0 0 1em;font-size: 0.65em;}
.hide-cao>img{display:none;}
.iwlt{margin: 0; color: #fff;font-weight:100;font-size:18px;}
.dsy-hero-select{
	-webkit-appearance: none;
    width: 60%;
    height: 3em;
    font-size: 12px;
    padding: 0.5em 1em;
    background: none;
    color: #fff;
    border: 2px solid #fff;
    appearance: none;
    border-radius: 25px;
    outline: none;
    background-image: linear-gradient(45deg, transparent 50%, #fff 50%), linear-gradient(135deg, #fff 50%, transparent 50%);
    background-position: calc(100% - 20px) calc(1em), calc(100% - 15px) calc(1em), 100% 0;
    background-size: 5px 5px, 5px 5px, 2.5em 2.5em;
    background-repeat: no-repeat;
	}
.dsy-go-button{margin:0!important;padding: 0!important;height: 30px;width: 30px;color:#378ce2;font-size:12px;font-weight:bold;line-height:1;background: #fff!important;border: none!important;border-radius: 50%!important;text-shadow: none!important;box-shadow: none!important;}
.headline,.headline2{margin:0;color:#fff;font-weight:100;line-height:1;}
.headline{font-size:1.6em;}
.headline2{font-size:1.5em;}
.subheadline{font-size:1rem;}
.relative{position:relative;}
.container>div{width:100%;max-width:1200px;margin:auto;padding: 0 15px;}
.services_srv_maint>a,.services_auto_detail>a,.services_auto_body>a,.services_financing>a,.services_tires>a,.services_insurance>a,.services_sell_trade>a{width:100%;height:100%;background:rgba(66,66,66,0.7);-webkit-transition: background-color 0.4s ease-out;-moz-transition: background-color 0.4s ease-out;-o-transition: background-color 0.4s ease-out;transition: background-color 0.4s ease-out;}
.services_srv_maint>a:hover,.services_auto_detail>a:hover,.services_auto_body>a:hover,.services_financing>a:hover,.services_tires>a:hover,.services_insurance>a:hover,.services_sell_trade>a:hover{background:rgba(54,140,225,0.7);}
.services_srv_maint{background:url('https://dickhannahv3.wpenginepowered.com/wp-content/uploads/2024/10/svc_maint.jpg');background-size:cover;}
.services_auto_detail{background:url('https://dickhannahv3.wpenginepowered.com/wp-content/uploads/2024/10/Auto-Detail.jpg');background-size:cover;}
.services_auto_body{background:url('https://dickhannahv3.wpenginepowered.com/wp-content/uploads/2024/10/auto_body.jpg');background-size:cover;}
.services_financing{background:url('https://dickhannahv3.wpenginepowered.com/wp-content/uploads/2024/10/financing.jpg');background-size:cover;}
.services_tires{background:url('https://dickhannahv3.wpenginepowered.com/wp-content/uploads/2024/10/tires.jpg');background-size:cover;}
.services_insurance{background: url('https://dickhannahv3.wpenginepowered.com/wp-content/uploads/2024/10/insurance.jpg');background-size:cover;}
.services_sell_trade{background:url('https://dickhannahv3.wpenginepowered.com/wp-content/uploads/2024/10/sell_trade.jpg');background-size:cover;}
.services_bin{background:#000;}
.margin_top_half{margin-top: 0.5em;}
.flex_stack{display:flex;flex-wrap:wrap;justify-content:space-between;}
.flex_stack>a{flex-basis:25%;padding:2em 0 1em;}
.flex_stack>a:last-child{flex-basis:20.5%;}
div[class^="services_"] a.cta_row_head,div[class^="services_"] div.cta_row_subhead{color:#fff;}
div[class^="services_"]>a{padding:1em;height:100%;display: flex;flex-direction: row;justify-content: center;color:#fff;}
div[class^="services_"]>a>div{display: flex;flex-direction: column;justify-content: center;}
div[class^="services_"] img{margin:0 auto;}
div[class^="services_"] img.cta_icon{max-width: 90%;filter: invert(100%);}
.categories .fas{font-size: 8px;
  padding: 0 1em;
  vertical-align: top;
  margin-top: 1em;}
.mt{margin-top:5px;}
.br{border-right:5px solid #fff;}

@media screen and (min-width:1000px){
  .life-options{font-size: 0.75em;}
  .iwlt{font-size:24px;}
  .dsy-hero-select{font-size:14px; width: 50%;}
  .dsy-go-button{width:35px;height:35px;font-size:17px;}
  .fl{float:left;}
  .width50{width:50%;}
  .dsy-hero-select{margin: 0 1em 0;}
  .headline{font-size:1.6em;}
  .headline2{font-size:1.5em;}
  .subheadline{font-size:1.3em;}
  .card-wrapper{flex-direction:row;}
  .card{width:33%;}
  .fc-lc-wrapper{flex-direction:row;}
  .fc-lc-wrapper button{width: 90%;}
  .container>div{padding: 0;}
  .service-wrapper{flex-direction:row;}
  .review-container{margin-top:0;flex-direction:column;justify-content:flex-start;}
  .trusted-wrapper{display:flex;justify-content:space-between;text-align:left;}
  .trusted-container{max-width:450px;margin-right:1.4em;}
  .review-container>div:nth-child(2){margin-top: 1em;}
  .topics-container{border-bottom:none;}
  .trusted-wrapper{max-width:600px;width:88%;}
  .topics-container>div{max-width:600px;float:right;}
  .drawer-container{flex-direction:row;}
  .drawer-container>ul{flex-basis:50%;padding-left: 10%;}
  .hero {padding-bottom:2em;}
}

@media(max-width:767px){
  .mobile_padding_bottom6{padding-bottom:6em;}
  .flex_stack>div,.flex_stack>div:last-child{flex-basis:100%;}
  .flex_stack>div:last-child{padding-bottom:5em;}
  .br{border-right:none;}
  div[class^="services_"]{margin-top:5px;max-height:120px;}
  div[class^="services_"]:not(.services_bin)>div{display: block;text-align:center;}
  div[class^="services_"]:not(.services_bin)>div>div{display: block;text-align:center;}
  div[class^="services_"]>a {flex-direction: column;}
  .hero_selector_wrapper{padding-top:0!important;}
  .dh_desktop{display:none!important;}
  .hero_cta_wrapper button{background: #86c146;width:68%;margin: 0.5em auto;padding: 0.4em 1em;font-size: 20px;text-transform: uppercase;font-weight: bold;color: #ffffff;border: none;}
}

@media(max-width:999px){
  .mobile_padding_bottom6{padding-bottom:6em;}
  .flex_stack>div,.flex_stack>div:last-child{flex-basis:100%;}
  .flex_stack>div:last-child{padding-bottom:5em;}
  .br{border-right:none;}
  div[class^="services_"]{margin-top:5px;max-height:120px;}
  div[class^="services_"]:not(.services_bin)>div{display: block;text-align:center;}
  div[class^="services_"]:not(.services_bin)>div>div{display: block;text-align:center;}
  div[class^="services_"]>a {flex-direction: column;}
  .hero_selector_wrapper{padding-top:0!important;}
  .dh_desktop{display:none!important;}
  .hero {padding-bottom:4em;}
  .hero_cta_wrapper button{background: #86c146;width:68%;margin: 0.5em auto;padding: 0.4em 1em;font-size: 20px;text-transform: uppercase;font-weight: bold;color: #ffffff;border: none;}
}

.drop-down-option {
  color: #000;
}
optgroup {
  font-weight:bold;
  color:#000;
}

.vehicle_type_title {
  color: #00427a;
  font-weight: 400;
  width: 100%;
  text-align: center;
}
.vehicle_type_title:hover {
  color: #c84236;
}

.tagline  {
  color: #ffffff;
  font-size: 26px !important;
}

/* NEW DESIGN */
a.dh_desktop.hide-cao {
  display:none!important;
}

html body #x-content-band-2 {
padding: 0px !important;
}
html body #x-content-band-2,html body #x-content-band-1 {
margin:0;
}
html body .bm-hero-inr {
display: flex;
  justify-content: flex-end;
  align-items: center;
  padding: 20px 0;
}
html body .bm-hero-inr .bm-content-section-inr {
background: #00427a;
border-radius: 16px;
padding: 24px 0px;
}
html body .bm-hero-inr .bm-image-section {
text-align: center;
}

html body .bm-content-section-inr > div .store_color {
width: 70px;
height: 40px;
background: #FFFFFF;
border-radius: 8px !important;
border: 1px solid #000;
color: #112233 !important;
font-size: 16px !important;
}
html body .bm-hero-inr .bm-button-container .bm-button:hover,
html body .bm-content-section-inr > div .store_color:hover {
background: #a0cbed!important;
color: #fff !important;
border: 1px solid #fff !important;

}
html body .bm-hero-inr .bm-button-container {
padding: 0px 24px;
margin-bottom: 24px;
}

html body .bm-hero-inr .bm-button-container .bm-button {
background: #FFFFFF;
border: 1px solid #FFFFFF;
box-sizing: border-box;
border-radius: 8px;
padding: 8px 24px;
margin: 4px 0;
font-family: 'Open Sans', 'Arial', sans-serif;
font-style: normal;
font-weight: 600;
font-size: 16px;
line-height: 24px;
display: inline-flex;
align-items: center;
letter-spacing: -0.02em;
color: #112233;
cursor: pointer;
}

html body .bm-content-section-inr > div .bm_inputs {
background: transparent;
  color: #fff;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  padding: 8px 20px;
  width: calc(100% - 222px);
  position: relative;
  cursor: pointer;
  font-family: 'Open Sans', 'Arial', sans-serif;
  font-style: normal;
  border: 1px solid #DADEE8;
  box-sizing: border-box;
  border-radius: 4px !important;
}
html body .bm-content-section-inr > div .bm_inputs svg {
position: absolute;
top: 50%;
right: 20px;
transform: translateY(-50%);
}
html body .bm-content-section-inr > div .bm_inputs svg path {
stroke: #ffffff;
opacity: 1;
}
html body .bm-content-section-inr > div {
width: 100% !important;
}
html body .bm-hero-inr .bm-content-section-inr div {
font-style: normal;
font-weight: 600 !important;
font-size: 32px !important;
line-height: 48px !important;
letter-spacing: -0.02em !important;
text-align: left !important;
font-family: 'Open Sans', 'Arial', sans-serif;
padding: 0px 24px;
}
html body .bm-content-section-inr .bm-hero-subheading {
font-family: 'Open Sans', 'Arial', sans-serif;
font-style: normal;
font-weight: normal;
font-size: 20px;
line-height: 24px;
letter-spacing: -0.02em;
color: #FFFFFF;
margin-top: 10px;
padding: 0px 24px;
}
html body .bm-search-container > div:not(.bm-opt-wrapper){
width: 100% !important;
/* padding: 0px 24px !important; */
justify-content: space-between !important;
}
html body .bm-hero-inr > div {
width: 55%;
}

html body #x-content-band-5 h6 span {
  display: inline-block !important;
}div#x-content-band-6 {
margin-top: -1px !important;
}

html body #x-content-band-5 .no-tax {
  justify-content: center;
}

html body #x-content-band-5 .no-tax a.x-btn{
  box-shadow: none;
    background: #ffffff!important;
    color: #3781bf!important;
    display: inline-block;
    padding: 10px 15px;
    border-radius: 20px;
    border: 1px solid #3781bf;
    min-width: 155px;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600;
    margin-left: 25px;
}

html body #x-content-band-3 .x-container .bm-wrapper a {
  color: #e82c2a;
    font-weight: 700;
    display: inline-block;
    padding: 0px;
    border: 1px solid lightgrey;
}

html body .bm-car-section {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  margin-left: -5px;
  margin-right: -5px;
}

html body .bm-car-section .bm-wrapper {
  width: 33.33%;
  padding: 5px;
}
html body .bm-car-section .bm-wrapper img {
  margin-right: 10px;
  max-width: 72px;
}
html body #x-content-band-3 .x-container.max{
  margin: 0 auto;
    display: flex;
    justify-content: space-between;
}

#x-content-band-3 .bm-inventory-heading {
  color: #000;
  text-align: center;
  margin-bottom: 15px;
  font-size: 22px;
  padding-left: 20px;
  padding-right: 20px;
}
html body .entry-content .hero{
  padding-bottom: 0px;
}


@media screen and (min-width:1200px){
  /* html body .entry-content .hero{
    min-height: 490px;
    background-position-y: 43%;
    padding-bottom: 0px;
  }  */
  html body .bm-search-container .bm-opt-wrapper{
    min-width: 595px;
  }
}

@media screen and (max-width:1100px) and (min-width:1001px){
  html body .bm-hero-inr .bm-image-section {
    width: 45%;
  }
  html body .bm-hero-inr > .bm-content-section {
      width: 55%;
  }
  html body .bm-trust-section .bm-trust-box-inr {
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    text-align: center;
}

html body .bm-trust-section .bm-trust-heading {
    margin-bottom: 4px;
    margin-top: 4px;
}
}

@media screen and (max-width:1000px){
  html body .bm-search-container .bm_inputs {
    width: calc(100% - 220px);
}
  html body .bm-hero-inr {
    flex-direction: column-reverse;
  }
  html body .bm-trust-section .bm-trust-section-inr {
      flex-wrap: wrap;
      justify-content: center;
  }
  html body .bm-car-section .bm-wrapper,
  html body .bm-trust-section .bm-trust-box {
      width: 50%;
      
  }
  html body .bm-trust-section .bm-trust-box:not(:last-child) {
  /*  margin-bottom: 15px; */
  }
  html body .bm-hero-inr > div {
      width: 100%;
      max-width: 610px;
  }
  
  html body .bm-hero-inr .bm-image-section {
      text-align: center;
  }
  
}

html body .bm-trust-section{
  margin-bottom: 32px;
  margin-top: 32px;
}
.bm-trust-section-inr {
  display: flex;
  justify-content: space-between;
  /* padding: 20px 0px; */
  margin-left: -8px;
  margin-right: -8px;
}

.bm-trust-img {
  margin-right: 10px;
}
.bm-trust-box{
  width: 33%;
  padding: 4px;
}
.bm-trust-box .bm-trust-box-inr{
  display: flex;
  align-items: center;
  justify-content: flex-start;
  background: #FFFFFF;
  border-radius: 8px;
  padding: 16px;
  height: 100%;
}

div#searchFilters {
  margin-top: 0px;
}  

@media screen and (max-width:767px){
  html body .bm-hero .bm-search-container .bm-opt-wrapper{
    top: 25px;
  }
  

html body .bm-search-container > div:not(.bm-opt-wrapper) {
    flex-wrap: wrap;
}

html body .bm-content-section .bm-search-container .bm_inputs {
    width: calc(100% - 86px);
}

    html body #x-content-band-5 .no-tax a.x-btn{
      margin-left: 0px;
    }

  html body .bm-trust-section-inr{
    flex-direction: column;
    padding: 20px 0px;
    margin: 0 auto;
}
html body .bm-car-section .bm-wrapper,
html body .bm-trust-section .bm-trust-section-inr .bm-trust-box {
  width: 100%;
  justify-content: flex-start;
}

html body .bm-trust-box:nth-child(2) {
  margin: 10px 0px;
}
html body .bm-car-section,
html body .bm-trust-section .bm-trust-section-inr {
  max-width: 500px;
  width: 100% !important;
}

.bm-trust-box .bm-trust-box-inr {
  justify-content: flex-start;
}

.bm-wrapper {
  text-align: left;
}

html body #x-content-band-3 .x-container .bm-wrapper a {
  text-align: left;
  padding: 0px 20px;
}
html body .bm-trust-section{
margin-top: 0px;
}
html body .bm-hero-inr .bm-button-container .bm-button{
padding: 8px 20px !important;
}

.tagline  {
  font-size: 21px !important;
  text-align: center;
}
}
  /* New CSS */

  .bm-search-container {
    position: relative;
}

.bm-opt-wrapper {
  position: absolute;
  z-index: 999;
  background: #FFFFFF;
  border: 1px solid #DADEE8;
  box-sizing: border-box;
  border-radius: 4px;
  width: 100%;
  flex-wrap: wrap;
  padding: 12px;
  will-change: transform;
  top: -11px;
  left: 50%;
  transform: translate3d(-50%, 53px, 0px);
  display: none;
}
.bm-opt-wrapper.bm-opt-open {
  display: flex;
  box-shadow: 0px 2px 11px 1px rgb(0 0 0 / 20%);
  -webkit-box-shadow: 0px 2px 11px 1px rgb(0 0 0 / 20%);
  -moz-box-shadow: 0px 2px 11px 1px rgba(0,0,0,0.20);
}

.bm-opt-group {
    width: 33%;
    display: flex;
    flex-direction: column;
    padding: 0px 4px;
    /* margin-bottom: 24px; */
}
.bm-opt-wrapper .bm-opt-group:nth-child(4) {
  order: 3;
  }

.bm-opt-wrapper .bm-opt-group:nth-child(3) {
  order: 4;
}

.bm-opt-wrapper .bm-opt-group:nth-child(5) {
  order: 5;
}

.bm-opt-wrapper .bm-opt-group:nth-child(6) {
  order: 6;
}

.bm-opt-wrapper .bm-opt-group:nth-child(1) {
  margin-bottom: 24px;
}
.bm-opt-wrapper .bm-opt-group button {
  width: 100% !important;
  display: block !important;
  background: rgba(218, 222, 232, 0.3) !important;
  border-radius: 4px !important;
  border: none;
  text-align: left;
  padding: 8px;
  margin-bottom: 4px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  font-size: 12px;
  border: 1px solid transparent;
  line-height: 1.2;
  height: auto !important;
  border: 1px solid transparent;
  font-family: 'Open Sans', 'Arial', sans-serif;
}
.bm-opt-wrapper .bm-opt-group button:focus,
.bm-opt-wrapper .bm-opt-group button:hover {
  border: 1px solid #3781BF;
}

@media screen and (max-width:1199px){
  html body .bm-opt-wrapper .bm-opt-group{
    width: 50%;
  }
  html body .bm-hero-inr .bm-content-section-inr div{
    font-size: 28px !important;
    line-height: 40px !important;
  }
  html body .bm-search-container > div:not(.bm-opt-wrapper){
    width: 100% !important;
  }

}
@media screen and (max-width:998px) {
   .bm-content-section{
       padding-top:30px;
   }
}

@media screen and (max-width:355px) {
  html body .bm-opt-wrapper .bm-opt-group {
    width: 100%;
  }
  html body .bm-content-section .bm-search-container .bm_inputs {
    width: 100%;
    margin-bottom: 10px;
  }
}

/* Legacy */
  .dodge_red{color:#ff0000!important;}
  .dodge_gray{color:#ADAFB2!important;}
  .dodge_light_red{color:#ea4848!important;}
  .dodge_red_bg{background:#ff0000!important;color:#fff!important;}
/* Current */
  .x-logobar{border-bottom:none!important;position:relative;}
  .x-logobar-inner{position:absolute;width:100%;z-index:3;box-shadow:0px 2px 3px rgb(66 66 66 / 50%);}
  .search_input_icons i {position: absolute;color:#ddd;}
  .search_input_icons {width: 100%;}
  .icon {padding: 10px;min-width: 40px;}
  .search_input_field {margin:0!important;width:80%!important;padding: 10px 10px 10px 3em!important;border-radius:20px!important;}
  #contactUsButton{color:#fff;font-size:0.9em;border-radius:20px;border:none;padding:0.8em 1.8em;}
  nav{padding-left:239px;}
  .brand_title{font-size:3em;z-index:2;height: 1.25em;line-height:1.1;width:225px;box-shadow: 5px 0px 5px rgba(125,125,125,0.3);text-align:center;}
  .head_store_phone{display:block;text-align:right;}
  .head_store_phone_container{max-height: 60px;overflow: hidden;}
  .dh_desktop .brand_title{background: #fff;}
  header{background:#fff;}
  .relative{position:relative;}
  .absolute{position:absolute;}
  .black_nav{background:#000;}
  .store_color{color:#00427a!important;}
  .store_color_bg{background:#00427a!important;color:#fff!important;}
  .dh_menu_item:hover,.dropbtn:hover{background:#ea4848!important;}
  .mm_anchor{background:#ff0000!important;}
  nav{padding-left:239px;}
  .dh_menu_item{padding:1.2em 1em;}
  .dh_mobile .dh_logo{float:right;}
  .dh_mobile .brand_title{left:0;}
  .dh_mobile .brand_title>a{padding: 10% 5px 0;font-size:30px;}
  .cta_row_head{color:#000;}
  .justified_nav {margin: 1% 0;align-items:center;display: flex;justify-content: space-between;}
  .dh_menu_ver2, .dh_menu_ver2>li>ul {list-style: none;}
  .dh_menu_ver2>li>ul>li>a {font-size: 14px;color:#58595B}
  .dh_menu_item_ver2 {position: relative;}
  .dh_menu_item_ver2>button,.dh_menu_item_ver2>a{color:#fff;border:none;}
  .dh_menu_item_ver2>button{background:none;line-height:1;}
  .dh_dropdown_ver2 {text-transform:capitalize;min-width:250px;padding: 1em;background:#f3f3f3;color:#fff;display:none;position: absolute;background-color: #fff;left: -3em;box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);z-index: 2;}
  .cars {width:750px;left:-10em;align-items:center;justify-content:space-between;flex-wrap:wrap;display:flex;}
  .cars>.car {flex-basis: 33%;list-style: none;}
  .car>a{display:flex;align-items: center;justify-content: flex-start;}
  .car>a>img{margin-right:1em;}
  .dh_menu_item_ver2:hover .dh_dropdown_ver2 {display:block;}
  .mobile-nav-button{width:33%;display:flex;justify-content:center;align-items:center;border-right:0.5px solid black;}
  .mobile-nav-button:last-child{border:none;}
  .green_cta{box-shadow: none;display: inline-block;padding: 10px 15px;border-radius: 20px;border: none;background: rgb(133, 195, 105) !important;color: rgb(255, 255, 255) !important;outline: none;}
  @media (min-width: 1000px) {
    .x-breadcrumbs{padding:0.5em 0 0.5em 250px;}
    .x-navbar-wrap {margin-top: 0!important;}
  }

/* Single Post CSS
--------------------------------------------- */

  .x-header-landmark.x-container {
    display: none;
}



.vivid.grid-wrapper {
    padding: 0;
}

header.custom-post-header {
    background-size: cover;
    background-repeat: no-repeat;
}

header.custom-post-header h1.custom-post-title {
    font-size: 2.5em !important;
    line-height: 1.2em;
    color: white;
    margin: 0;
    padding: 10% 0;
    width: 100%;
    background-color: rgba(5, 62, 102, 0.25);
    text-align: center;
    font-weight: 700 !important;
}

div.vivid.grid-wrapper div.vivid.section p {
    display: block;
    width: 100%;
}

div.vivid.grid-wrapper div.vivid.section p a img {
    width: 100%;
    height: 400px;
    object-position: bottom center;
    object-fit: cover;
    margin: 10px 0;
    margin-top: 30px;
}

div.vivid.grid-wrapper div.vivid.section h2 {
    width: 100%;
    padding-bottom: 20px;
}

div.vivid.grid-wrapper div.vivid.section p.custom-post-date {
    color: #aaa;
    letter-spacing: 1px;
    font-weight: 600 !important;
    text-transform: uppercase;
    padding-top: 40px;
    padding-bottom: 0;
    margin-bottom: 0;
}

header div.vivid div.vivid.section {
    background-color: rgba(5, 62, 102, 0.25);
}

div.vivid div.vivid.section ul.custom-post-tabs {
    display: flex;
    justify-content: space-evenly;
    flex-wrap: wrap;
    width: 100%;
    list-style: none;
    padding: 0;
    max-width: 1400px;
    margin: 0 auto;
    z-index: 5;
    position: relative;
}

div.vivid div.vivid.section ul.custom-post-tabs li {
    text-align: center;
    background: #053e66;
    width: 33%;
    padding: 10px 0;
    /* Centers text */
    display: flex;
    justify-content: center;
    align-items: center;
    /* Only round the top corners */
    -webkit-border-top-left-radius: 15px;
    -webkit-border-top-right-radius: 15px;
    -moz-border-radius-topleft: 15px;
    -moz-border-radius-topright: 15px;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}

div.vivid div.vivid.section ul.custom-post-tabs li:nth-child(1):after {
    height: 150%;
    background-color: white;
}

div.vivid div.vivid.section ul.custom-post-tabs li:nth-child(4),
div.vivid div.vivid.section ul.custom-post-tabs li:nth-child(5) {
    width: 50%;
}

div.vivid div.vivid.section ul.custom-post-tabs li a {
    text-decoration: none;
    color: white;
    line-height: 1.2;
    font-weight: 600;
    padding: 10px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin: 0;
    transition: 0.2s ease-in-out all;
    /* Only round the top corners */
    -webkit-border-top-left-radius: 15px;
    -webkit-border-top-right-radius: 15px;
    -moz-border-radius-topleft: 15px;
    -moz-border-radius-topright: 15px;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}

div.vivid div.vivid.section ul.custom-post-tabs li a:hover,
div.vivid div.vivid.section ul.custom-post-tabs li a:target,
div.vivid div.vivid.section ul.custom-post-tabs li a:focus {
    background-color: rgba(255, 255, 255, 0.15);
}


/* Colors for LATEST Tab */

div.vivid div.vivid.section ul.custom-post-tabs li.latest {
    background: #1273b3;
    margin-bottom: -10px;
}

div.vivid div.vivid.section ul.custom-post-tabs li.latest.is-active a {
    color: #1273b3;
}


/* Colors for BEST OF Tab */

div.vivid div.vivid.section ul.custom-post-tabs li.best-of {
    background: #164376;
    margin-bottom: -10px;
}

div.vivid div.vivid.section ul.custom-post-tabs li.best-of.is-active a {
    color: #164376;
}


/* Colors for BELIEVE IN NICE Tab */

div.vivid div.vivid.section ul.custom-post-tabs li.believe-in-nice {
    background: #ffc051;
    margin-bottom: -10px;
}

div.vivid div.vivid.section ul.custom-post-tabs li.believe-in-nice.is-active a {
    color: #ffc051;
}


/* Colors for GUIDES AND HOW TOs Tab */

div.vivid div.vivid.section ul.custom-post-tabs li.guides-and-how-tos {
    background: #81c158;
}

div.vivid div.vivid.section ul.custom-post-tabs li.guides-and-how-tos.is-active a {
    color: #81c158;
}


/* Colors for CAR COMPARISIONS Tab */

div.vivid div.vivid.section ul.custom-post-tabs li.car-comparisons {
    background: #bababa;
}

div.vivid div.vivid.section ul.custom-post-tabs li.car-comparisons.is-active a {
    color: #bababa;
}


/* Background color for ALL active tabs */

div.vivid div.vivid.section ul.custom-post-tabs li.is-active {
    background: white;
}


/* Widget Area */

.single-post .vivid.part.span-xs-12.span-md-4.span-lg-3 {
    padding: 60px 20px;
}

.single-post .vivid.part.span-xs-12.span-md-4.span-lg-3 .widget {
    padding: 40px 20px;
    background-color: white;
    box-shadow: 0 0 12px rgba(0, 0, 0, 0.1);
    margin: 30px 0;
}


/* Social Widget */

.single-post .widget.widget_custom_html .social-widget {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 20px;
}

.single-post .widget.widget_custom_html .social-widget a {
    color: black;
    transition: 0.2s ease-in-out all;
    font-size: 24px;
    border: 1px solid black;
    height: 50px;
    width: 50px;
    margin: 0 2.5px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.single-post .widget.widget_custom_html .social-widget a:hover,
.single-post .widget.widget_custom_html .social-widget a:focus,
.single-post .widget.widget_custom_html .social-widget a:target {
    border-color: #358ce2;
    color: #358ce2;
}


/* Newsletter Widget */

.single-post .widget.widget_custom_html h3.widget__title {
    font-size: 1.3rem;
    text-align: center;
    margin: 0 10%;
}

.single-post .widget.widget_custom_html p {
    text-align: center;
}

.single-post .widget.widget_custom_html p:first-child {
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.single-post .widget.widget_custom_html form {
    display: flex;
    justify-content: center;
    align-items: flex-end;
    padding: 0;
    margin: 0 auto;
}

.single-post .widget.widget_custom_html form p:nth-child(2) {
    /* Targets input */
    width: 60% !important;
}

.single-post .widget.widget_custom_html form p:nth-child(3) {
    /* Targets submit */
    width: 20% !important;
}

.single-post .widget.widget_custom_html label {
    margin: 0;
    padding: 0;
    color: #aaa;
    font-size: 14px;
}

.single-post .widget.widget_custom_html form input:not(input[type='submit']) {
    border: 2px solid black;
    height: 50px;
    border-radius: 30px 0 0 30px;
    margin: 0;
    width: 100%;
}

.single-post .widget.widget_custom_html form input[type='submit'] {
    border: 2px solid black;
    background-color: #053e66;
    border-left: 0;
    margin: 0;
    height: 50px;
    width: 100%;
    border-radius: 0 30px 30px 0;
}

.single-post .widget.widget_custom_html form input[type='submit']:hover,
.single-post .widget.widget_custom_html form input[type='submit']:focus,
.single-post .widget.widget_custom_html form input[type='submit']:target {
    background-color: #358ce2;
}

.single-post .widget.widget_custom_html form .wpcf7-response-output {
    /* Hidden temporarily */
    display: none;
}


/* Search Widget */

.single-post .widget.widget_search h3.widget__title {
    font-size: 1.3rem;
    text-align: center;
    margin: 0 10%;
    padding-bottom: 20px;
}

.single-post .widget.widget_search form input {
    border-radius: 30px;
    width: 80%;
    margin: 0 10%;
    padding-left: 60px;
    height: 50px;
    border: 2px solid black;
}

.single-post .widget.widget_search form input::placeholder {
    text-transform: uppercase;
}

.single-post .widget.widget_search .form-search:before {
    left: 14%;
    top: 11px;
    color: #aaa;
    font-size: 24px;
}


/* Popular Posts Widget */

.single-post .widget_text.widget.widget_custom_html:last-of-type {
    padding: 0 !important;
    margin: 0 !important;
}

.single-post .widget_text.widget.widget_custom_html:last-of-type h3.widget__title {
    padding: 40px 0;
}

.single-post .wpp-list {
    margin: 0;
}

.single-post .wpp-list .popular-post-item {
    width: 100%;
    padding: 20px 10%;
    padding-bottom: 0;
    margin: 0;
    border-left: 10px solid grey;
}


/* Specific Border Colors per Category */

.single-post .wpp-list .popular-post-item.car-comparisons {
    border-color: #bababa;
}

.single-post .wpp-list .popular-post-item.guides-and-how-tos {
    border-color: #81c158;
}

.single-post .wpp-list .popular-post-item.believe-in-nice {
    border-color: #ffc051;
}

.single-post .wpp-list .popular-post-item.best-of {
    border-color: #164376;
}


/* End Border Colors */

.single-post .wpp-list .popular-post-item:after {
    content: '';
    display: inline-block;
    height: 1px;
    width: 100%;
    margin: 0 auto;
    margin-top: 20px;
    background-color: #ddd;
}

.single-post .wpp-list .popular-post-item:last-child {
    padding-bottom: 20px;
}

.single-post .wpp-list .popular-post-item:last-child:after {
    display: none;
}

.single-post .wpp-list .popular-post-item a {
    color: black;
    transition: 0.2s ease-in-out all;
}

.single-post .wpp-list .popular-post-item a:hover,
.single-post .wpp-list .popular-post-item a:target,
.single-post .wpp-list .popular-post-item a:focus {
    color: #053e66;
}

.single-post .wpp-list .popular-post-item h4 {
    font-size: 20px;
    line-height: 1;
    padding: 0;
    margin: 0;
}

.single-post .wpp-list .popular-post-item p {
    text-align: left;
    margin: 0;
    text-transform: uppercase;
    font-size: 14px;
    padding-bottom: 10px;
}


/* Looking for More Section - Footer */

a.contact-us-btn {
    display: inline-block;
    margin-top: 30px;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
    padding: 18px 35px;
    border-radius: 30px;
    background-color: #81c158;
    color: white;
    text-transform: uppercase;
    font-weight: 600;
    transition: 0.2s ease-in-out all;
}

a.contact-us-btn:hover,
a.contact-us-btn:focus,
a.contact-us-btn:target {
    background-color: #053e66;
}

.custom-post-footer {
    background-color: #ededed;
}

.custom-post-footer h2 {
    font-size: 24px !important;
    font-weight: 600 !important;
    text-transform: uppercase;
    margin: 0;
    margin-bottom: 40px;
}

.custom-post-footer .grid-wrapper {
    padding: 60px 0!important;
}

svg.footer-separator {
    width: 100%;
    height: 6vw;
    margin-bottom: -8px;
}


/* Styles recent posts GRID */

.recent-posts {
    display: grid;
    column-gap: 30px;
    grid-template-areas: 'large-post' 'small-post-a' 'small-post-b' 'small-post-c';
}

.recent-posts .recent-post {
    padding: 0 30px;
    background-color: white;
    transition: 0.2s ease-in-out all;
}

.recent-posts .recent-post .recent-post-title {
    padding: 0;
    margin: 0;
    margin-top: 20px;
    font-size: 24px;
}

.recent-posts .recent-post img {
    display: none;
}

.recent-posts .recent-post:not(.recent-post:nth-child(1)) {
    display: flex;
    justify-content: center;
    flex-direction: column;
}

.recent-posts .recent-post:not(.recent-post:nth-child(1)):after {
    content: '';
    display: inline-block;
    height: 1px;
    width: 100%;
    margin: 0 auto;
    background-color: #ddd;
}

.recent-posts .recent-post:not(.recent-post:nth-child(1)):last-of-type:after {
    display: none;
}

.recent-posts .recent-post:nth-child(1) {
    padding: 0;
    padding-bottom: 20px;
    grid-area: large-post;
    background-color: #aaa;
    color: white;
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    flex-direction: column;
    line-height: 1;
    margin-bottom: 20px;
}

.recent-posts .recent-post:nth-child(1) img {
    display: block;
    height: 100%;
    object-fit: cover;
    max-height: 500px;
}

.recent-posts .recent-post:nth-child(1) h4 {
    display: block;
    margin: 0;
    padding: 0;
    margin-top: 15px;
    line-height: 1;
}

.recent-posts .recent-post:nth-child(1) h4 ul {
    margin: 0;
    padding: 0;
}

.recent-posts .recent-post:nth-child(1) h4 ul li a {
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.recent-posts .recent-post:nth-child(1) h3 {
    margin: 0;
    padding: 10px 0;
    padding-left: 30px;
    font-size: 32px;
}

.recent-posts .recent-post:nth-child(1) p {
    display: none;
}

.recent-posts .recent-post:nth-child(1) a {
    color: white;
    padding-left: 32px;
}

.recent-posts .recent-post:nth-child(2) {
    grid-area: small-post-a;
    border-left: 15px solid #aaa;
}

.recent-posts .recent-post:nth-child(3) {
    grid-area: small-post-b;
    border-left: 15px solid #aaa;
}

.recent-posts .recent-post:nth-child(4) {
    grid-area: small-post-c;
    border-left: 15px solid #aaa;
    margin-bottom: 20px;
}


/* Recent Posts - BEST OF - Category Page Colors */

.recent-posts.best-of .recent-post:nth-child(1) {
    background-color: #164376;
}

.recent-posts.best-of .recent-post {
    border-color: #164376;
}


/* Recent Posts - CAR COMPARISONS - Category Page Colors */

.recent-posts.believe-in-nice .recent-post:nth-child(1) {
    background-color: #ffc051;
    color: black;
}

.recent-posts.believe-in-nice .recent-post:nth-child(1) a {
    color: black;
}

.recent-posts.believe-in-nice .recent-post:nth-child(1) a:hover,
.recent-posts.believe-in-nice .recent-post:nth-child(1) a:focus,
.recent-posts.believe-in-nice .recent-post:nth-child(1) a:target {
    color: #164376;
}

.recent-posts.believe-in-nice .recent-post {
    border-color: #ffc051;
}


/* Recent Posts - GUIDES AND HOW TOs - Category Page Colors */

.recent-posts.guides-and-how-tos .recent-post:nth-child(1) {
    background-color: #81c158;
}

.recent-posts.guides-and-how-tos .recent-post {
    border-color: #81c158;
}


/* Recent Posts - CAR COMPARISONS - Category Page Colors */

.recent-posts.car-comparisons .recent-post:nth-child(1) {
    background-color: #bababa;
}

.recent-posts.car-comparisons .recent-post {
    border-color: #bababa;
}

.recent-posts .recent-post ul {
    list-style: none;
}

.recent-posts .recent-post .recent-post-cat {
    display: none;
}

.recent-posts .recent-post p {
    font-weight: 400;
    font-size: 16px;
    color: rgb(0, 0, 0);
    margin-bottom: 0;
}

.recent-posts .recent-post a {
    color: #000000;
    font-size: 14px;
    font-weight: 400;
    transition: 0.2s ease-in-out all;
}

.recent-posts .recent-post a:hover,
.recent-posts .recent-post a:focus,
.recent-posts .recent-post a:target {
    color: #053e66;
}

@media only screen and (min-width: 1000px) {
    /* Tab Navigation Styles */
    div.vivid div.vivid.section ul.custom-post-tabs li {
        width: 18% !important;
        margin: 0 1% !important;
        padding: 0 !important;
    }
    div.vivid div.vivid.section ul.custom-post-tabs li a {
        padding: 20px 40px;
        width: 100%;
        height: 100%;
    }
    header.custom-post-header h1.custom-post-title {
        font-size: 4em !important;
    }
    .vivid.grid-wrapper {
        padding: 0 3em;
    }
    /* Social Widget */
    .single-post .widget.widget_custom_html .social-widget a {
        height: 42px;
    }
    /* Newsletter Form Styles */
    .single-post .widget.widget_custom_html form p:nth-child(2) {
        /* Targets input */
        width: 60% !important;
    }
    .single-post .widget.widget_custom_html form p:nth-child(3) {
        /* Targets submit */
        width: 35% !important;
    }
    /* Search Widget */
    .single-post .widget.widget_search form input {
        width: 100%;
        margin-left: 0;
        padding-left: 60px;
    }
    /* Styles recent posts */
    .recent-posts {
        grid-template-areas: 'small-post-a large-post large-post large-post' 'small-post-b large-post large-post large-post' 'small-post-c large-post large-post large-post';
    }
}

@media only screen and (min-width: 1200px) {
    /* Social Widget */
    .single-post .widget.widget_custom_html .social-widget a {
        height: 48px;
    }
    /* Search Widget */
    .single-post .widget.widget_search .form-search:before {
        margin: 0;
        padding: 0;
        margin-left: -30px;
    }
    .single-post .widget.widget_search form input {
        padding-left: 40px;
    }
    /* Recent Posts */
    .recent-posts .recent-post div:last-of-type {
        padding-bottom: 30px;
    }
}

@media only screen and (min-width: 1400px) {
    /* Search Widget */
    .single-post .widget.widget_search .form-search:before {
        margin-left: -30px;
    }
}

/* Grids for Blog Pages */

.vivid.grid-wrapper {
	/***** @section Styles *****/
	/***** @section Mixin *****/
	/***** @section Mixin *****/
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	max-width: 1672px;
	padding: 0 3.2rem 0 3.2rem;
	margin: 0 auto;
	width: 90%;
}
.vivid.grid-wrapper.gutterless {
	padding: 0;
}
.vivid.grid-wrapper.full-width {
	max-width: 100%;
	/***** @section Rows *****/
}
.vivid.grid-wrapper .vivid.section {
	/***** @section Mixin *****/
	display: -webkit-flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -moz-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-flex: 0 1 auto;
	-moz-flex: 0 1 auto;
	-ms-flex: 0 1 auto;
	flex: 0 1 auto;
	-webkit-box-flex: 0;
	-moz-box-flex: 0;
	-webkit-box-direction: normal;
	-webkit-box-orient: horizontal;
	-webkit-flex-direction: row;
	-moz-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	/***** @section Mixin *****/
	/***** @section Mixin *****/
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	margin-right: -1.6rem;
	margin-left: -1.6rem;
}
.vivid.grid-wrapper .vivid.section:before,
.vivid.grid-wrapper .vivid.section:after {
	display: none !important;
}
.vivid.grid-wrapper .vivid.section.reverse {
	-webkit-box-direction: reverse;
	-webkit-box-orient: horizontal;
	-webkit-flex-direction: row-reverse;
	-moz-flex-direction: row-reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
}
.vivid.grid-wrapper .vivid.section.no-compensation {
	margin-right: 0;
	margin-left: 0;
	/***** @section Columns *****/
}
.vivid.grid-wrapper .part {
	-webkit-flex: 0 0 auto;
	-moz-flex: 0 0 auto;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	-webkit-box-flex: 0;
	-moz-box-flex: 0;
	/***** @section Mixin *****/
	/***** @section Mixin *****/
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	padding-right: 1.6rem;
	padding-left: 1.6rem;
	margin-bottom: 3.2rem;
	position: relative;
}
.vivid.grid-wrapper .part.reverse {
	-webkit-box-direction: reverse;
	-webkit-box-orient: vertical;
	-webkit-flex-direction: column-reverse;
	-moz-flex-direction: column-reverse;
	-ms-flex-direction: column-reverse;
	flex-direction: column-reverse;
}
.vivid.grid-wrapper .part.gutterless {
	padding: 0;
}
.vivid.grid-wrapper .part.marginless {
	margin: 0;
	/***** @section Loops *****/
}
.vivid.grid-wrapper .vivid.part.span-xs {
	-ms-flex-preferred-size: auto;
	-webkit-flex-basis: auto;
	-moz-flex-basis: auto;
	flex-basis: auto;
}
.vivid.grid-wrapper .vivid.part.span-xs-1 {
	-ms-flex-preferred-size: 8.3333333333%;
	-webkit-flex-basis: 8.3333333333%;
	-moz-flex-basis: 8.3333333333%;
	flex-basis: 8.3333333333%;
	max-width: 8.3333333333%;
}
.vivid.grid-wrapper .vivid.part.span-xs-2 {
	-ms-flex-preferred-size: 16.6666666667%;
	-webkit-flex-basis: 16.6666666667%;
	-moz-flex-basis: 16.6666666667%;
	flex-basis: 16.6666666667%;
	max-width: 16.6666666667%;
}
.vivid.grid-wrapper .vivid.part.span-xs-3 {
	-ms-flex-preferred-size: 25%;
	-webkit-flex-basis: 25%;
	-moz-flex-basis: 25%;
	flex-basis: 25%;
	max-width: 25%;
}
.vivid.grid-wrapper .vivid.part.span-xs-4 {
	-ms-flex-preferred-size: 33.3333333333%;
	-webkit-flex-basis: 33.3333333333%;
	-moz-flex-basis: 33.3333333333%;
	flex-basis: 33.3333333333%;
	max-width: 33.3333333333%;
}
.vivid.grid-wrapper .vivid.part.span-xs-5 {
	-ms-flex-preferred-size: 41.6666666667%;
	-webkit-flex-basis: 41.6666666667%;
	-moz-flex-basis: 41.6666666667%;
	flex-basis: 41.6666666667%;
	max-width: 41.6666666667%;
}
.vivid.grid-wrapper .vivid.part.span-xs-6 {
	-ms-flex-preferred-size: 50%;
	-webkit-flex-basis: 50%;
	-moz-flex-basis: 50%;
	flex-basis: 50%;
	max-width: 50%;
}
.vivid.grid-wrapper .vivid.part.span-xs-7 {
	-ms-flex-preferred-size: 58.3333333333%;
	-webkit-flex-basis: 58.3333333333%;
	-moz-flex-basis: 58.3333333333%;
	flex-basis: 58.3333333333%;
	max-width: 58.3333333333%;
}
.vivid.grid-wrapper .vivid.part.span-xs-8 {
	-ms-flex-preferred-size: 66.6666666667%;
	-webkit-flex-basis: 66.6666666667%;
	-moz-flex-basis: 66.6666666667%;
	flex-basis: 66.6666666667%;
	max-width: 66.6666666667%;
}
.vivid.grid-wrapper .vivid.part.span-xs-9 {
	-ms-flex-preferred-size: 75%;
	-webkit-flex-basis: 75%;
	-moz-flex-basis: 75%;
	flex-basis: 75%;
	max-width: 75%;
}
.vivid.grid-wrapper .vivid.part.span-xs-10 {
	-ms-flex-preferred-size: 83.3333333333%;
	-webkit-flex-basis: 83.3333333333%;
	-moz-flex-basis: 83.3333333333%;
	flex-basis: 83.3333333333%;
	max-width: 83.3333333333%;
}
.vivid.grid-wrapper .vivid.part.span-xs-11 {
	-ms-flex-preferred-size: 91.6666666667%;
	-webkit-flex-basis: 91.6666666667%;
	-moz-flex-basis: 91.6666666667%;
	flex-basis: 91.6666666667%;
	max-width: 91.6666666667%;
}
.vivid.grid-wrapper .vivid.part.span-xs-12 {
	-ms-flex-preferred-size: 100%;
	-webkit-flex-basis: 100%;
	-moz-flex-basis: 100%;
	flex-basis: 100%;
	max-width: 100%;
}
.vivid.grid-wrapper .vivid.part.span-xs-offset-1 {
	margin-left: 8.3333333333%;
}
.vivid.grid-wrapper .vivid.part.span-xs-offset-2 {
	margin-left: 16.6666666667%;
}
.vivid.grid-wrapper .vivid.part.span-xs-offset-3 {
	margin-left: 25%;
}
.vivid.grid-wrapper .vivid.part.span-xs-offset-4 {
	margin-left: 33.3333333333%;
}
.vivid.grid-wrapper .vivid.part.span-xs-offset-5 {
	margin-left: 41.6666666667%;
}
.vivid.grid-wrapper .vivid.part.span-xs-offset-6 {
	margin-left: 50%;
}
.vivid.grid-wrapper .vivid.part.span-xs-offset-7 {
	margin-left: 58.3333333333%;
}
.vivid.grid-wrapper .vivid.part.span-xs-offset-8 {
	margin-left: 66.6666666667%;
}
.vivid.grid-wrapper .vivid.part.span-xs-offset-9 {
	margin-left: 75%;
}
.vivid.grid-wrapper .vivid.part.span-xs-offset-10 {
	margin-left: 83.3333333333%;
}
.vivid.grid-wrapper .vivid.part.span-xs-offset-11 {
	margin-left: 91.6666666667%;
}
.vivid.grid-wrapper .vivid.part.span-xs-offset-12 {
	margin-left: 100%;
}
.vivid.grid-wrapper .vivid.part.span-xs {
	-ms-flex-positive: 1;
	-webkit-flex-grow: 1;
	-webkit-box-flex: 1;
	-moz-flex-grow: 1;
	flex-grow: 1;
	-ms-flex-preferred-size: 0;
	-webkit-flex-basis: 0;
	-moz-flex-basis: 0;
	flex-basis: 0;
	max-width: 100%;
}
.vivid.grid-wrapper .start-xs {
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	-webkit-justify-content: flex-start;
	-moz-justify-content: flex-start;
	justify-content: flex-start;
	text-align: left;
}
.vivid.grid-wrapper .center-xs {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	justify-content: center;
	text-align: center;
}
.vivid.grid-wrapper .end-xs {
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	-webkit-justify-content: flex-end;
	-moz-justify-content: flex-end;
	justify-content: flex-end;
	text-align: right;
}
.vivid.grid-wrapper .around-xs {
	-ms-flex-pack: distribute;
	-webkit-justify-content: space-around;
	-moz-justify-content: space-around;
	justify-content: space-around;
}
.vivid.grid-wrapper .between-xs {
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-between;
	-moz-justify-content: space-between;
	justify-content: space-between;
}
.vivid.grid-wrapper .top-xs {
	-webkit-box-align: start;
	-ms-flex-align: start;
	-webkit-align-items: flex-start;
	-moz-align-items: flex-start;
	align-items: flex-start;
}
.vivid.grid-wrapper .middle-xs {
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	-moz-align-items: center;
	align-items: center;
}
.vivid.grid-wrapper .bottom-xs {
	-webkit-box-align: end;
	-ms-flex-align: end;
	-webkit-align-items: flex-end;
	-moz-align-items: flex-end;
	align-items: flex-end;
}
.vivid.grid-wrapper .hide-xs {
	display: none;
}
.vivid.grid-wrapper .show-xs {
	display: flex;
}
.vivid.grid-wrapper .first-xs {
	order: -1;
}
.vivid.grid-wrapper .last-xs {
	order: 1;
}
.vivid.grid-wrapper .align-left-xs,
.vivid.grid-wrapper .align-left-xs * {
	text-align: left;
}
.vivid.grid-wrapper .align-center-xs,
.vivid.grid-wrapper .align-center-xs * {
	text-align: center;
}
.vivid.grid-wrapper .align-right-xs,
.vivid.grid-wrapper .align-right-xs * {
	text-align: right;
}
@media only screen and (min-width: 767px) {
	.vivid.grid-wrapper .vivid.part.span-sm {
		-ms-flex-preferred-size: auto;
		-webkit-flex-basis: auto;
		-moz-flex-basis: auto;
		flex-basis: auto;
	}
	.vivid.grid-wrapper .vivid.part.span-sm-1 {
		-ms-flex-preferred-size: 8.3333333333%;
		-webkit-flex-basis: 8.3333333333%;
		-moz-flex-basis: 8.3333333333%;
		flex-basis: 8.3333333333%;
		max-width: 8.3333333333%;
	}
	.vivid.grid-wrapper .vivid.part.span-sm-2 {
		-ms-flex-preferred-size: 16.6666666667%;
		-webkit-flex-basis: 16.6666666667%;
		-moz-flex-basis: 16.6666666667%;
		flex-basis: 16.6666666667%;
		max-width: 16.6666666667%;
	}
	.vivid.grid-wrapper .vivid.part.span-sm-3 {
		-ms-flex-preferred-size: 25%;
		-webkit-flex-basis: 25%;
		-moz-flex-basis: 25%;
		flex-basis: 25%;
		max-width: 25%;
	}
	.vivid.grid-wrapper .vivid.part.span-sm-4 {
		-ms-flex-preferred-size: 33.3333333333%;
		-webkit-flex-basis: 33.3333333333%;
		-moz-flex-basis: 33.3333333333%;
		flex-basis: 33.3333333333%;
		max-width: 33.3333333333%;
	}
	.vivid.grid-wrapper .vivid.part.span-sm-5 {
		-ms-flex-preferred-size: 41.6666666667%;
		-webkit-flex-basis: 41.6666666667%;
		-moz-flex-basis: 41.6666666667%;
		flex-basis: 41.6666666667%;
		max-width: 41.6666666667%;
	}
	.vivid.grid-wrapper .vivid.part.span-sm-6 {
		-ms-flex-preferred-size: 50%;
		-webkit-flex-basis: 50%;
		-moz-flex-basis: 50%;
		flex-basis: 50%;
		max-width: 50%;
	}
	.vivid.grid-wrapper .vivid.part.span-sm-7 {
		-ms-flex-preferred-size: 58.3333333333%;
		-webkit-flex-basis: 58.3333333333%;
		-moz-flex-basis: 58.3333333333%;
		flex-basis: 58.3333333333%;
		max-width: 58.3333333333%;
	}
	.vivid.grid-wrapper .vivid.part.span-sm-8 {
		-ms-flex-preferred-size: 66.6666666667%;
		-webkit-flex-basis: 66.6666666667%;
		-moz-flex-basis: 66.6666666667%;
		flex-basis: 66.6666666667%;
		max-width: 66.6666666667%;
	}
	.vivid.grid-wrapper .vivid.part.span-sm-9 {
		-ms-flex-preferred-size: 75%;
		-webkit-flex-basis: 75%;
		-moz-flex-basis: 75%;
		flex-basis: 75%;
		max-width: 75%;
	}
	.vivid.grid-wrapper .vivid.part.span-sm-10 {
		-ms-flex-preferred-size: 83.3333333333%;
		-webkit-flex-basis: 83.3333333333%;
		-moz-flex-basis: 83.3333333333%;
		flex-basis: 83.3333333333%;
		max-width: 83.3333333333%;
	}
	.vivid.grid-wrapper .vivid.part.span-sm-11 {
		-ms-flex-preferred-size: 91.6666666667%;
		-webkit-flex-basis: 91.6666666667%;
		-moz-flex-basis: 91.6666666667%;
		flex-basis: 91.6666666667%;
		max-width: 91.6666666667%;
	}
	.vivid.grid-wrapper .vivid.part.span-sm-12 {
		-ms-flex-preferred-size: 100%;
		-webkit-flex-basis: 100%;
		-moz-flex-basis: 100%;
		flex-basis: 100%;
		max-width: 100%;
	}
	.vivid.grid-wrapper .vivid.part.span-sm-offset-1 {
		margin-left: 8.3333333333%;
	}
	.vivid.grid-wrapper .vivid.part.span-sm-offset-2 {
		margin-left: 16.6666666667%;
	}
	.vivid.grid-wrapper .vivid.part.span-sm-offset-3 {
		margin-left: 25%;
	}
	.vivid.grid-wrapper .vivid.part.span-sm-offset-4 {
		margin-left: 33.3333333333%;
	}
	.vivid.grid-wrapper .vivid.part.span-sm-offset-5 {
		margin-left: 41.6666666667%;
	}
	.vivid.grid-wrapper .vivid.part.span-sm-offset-6 {
		margin-left: 50%;
	}
	.vivid.grid-wrapper .vivid.part.span-sm-offset-7 {
		margin-left: 58.3333333333%;
	}
	.vivid.grid-wrapper .vivid.part.span-sm-offset-8 {
		margin-left: 66.6666666667%;
	}
	.vivid.grid-wrapper .vivid.part.span-sm-offset-9 {
		margin-left: 75%;
	}
	.vivid.grid-wrapper .vivid.part.span-sm-offset-10 {
		margin-left: 83.3333333333%;
	}
	.vivid.grid-wrapper .vivid.part.span-sm-offset-11 {
		margin-left: 91.6666666667%;
	}
	.vivid.grid-wrapper .vivid.part.span-sm-offset-12 {
		margin-left: 100%;
	}
	.vivid.grid-wrapper .vivid.part.span-sm {
		-ms-flex-positive: 1;
		-webkit-flex-grow: 1;
		-webkit-box-flex: 1;
		-moz-flex-grow: 1;
		flex-grow: 1;
		-ms-flex-preferred-size: 0;
		-webkit-flex-basis: 0;
		-moz-flex-basis: 0;
		flex-basis: 0;
		max-width: 100%;
	}
	.vivid.grid-wrapper .start-sm {
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		-webkit-justify-content: flex-start;
		-moz-justify-content: flex-start;
		justify-content: flex-start;
		text-align: left;
	}
	.vivid.grid-wrapper .center-sm {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		-webkit-justify-content: center;
		-moz-justify-content: center;
		justify-content: center;
		text-align: center;
	}
	.vivid.grid-wrapper .end-sm {
		-webkit-box-pack: end;
		-ms-flex-pack: end;
		-webkit-justify-content: flex-end;
		-moz-justify-content: flex-end;
		justify-content: flex-end;
		text-align: right;
	}
	.vivid.grid-wrapper .around-sm {
		-ms-flex-pack: distribute;
		-webkit-justify-content: space-around;
		-moz-justify-content: space-around;
		justify-content: space-around;
	}
	.vivid.grid-wrapper .between-sm {
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		-webkit-justify-content: space-between;
		-moz-justify-content: space-between;
		justify-content: space-between;
	}
	.vivid.grid-wrapper .top-sm {
		-webkit-box-align: start;
		-ms-flex-align: start;
		-webkit-align-items: flex-start;
		-moz-align-items: flex-start;
		align-items: flex-start;
	}
	.vivid.grid-wrapper .middle-sm {
		-webkit-box-align: center;
		-ms-flex-align: center;
		-webkit-align-items: center;
		-moz-align-items: center;
		align-items: center;
	}
	.vivid.grid-wrapper .bottom-sm {
		-webkit-box-align: end;
		-ms-flex-align: end;
		-webkit-align-items: flex-end;
		-moz-align-items: flex-end;
		align-items: flex-end;
	}
	.vivid.grid-wrapper .hide-sm {
		display: none;
	}
	.vivid.grid-wrapper .show-sm {
		display: flex;
	}
	.vivid.grid-wrapper .first-sm {
		order: -1;
	}
	.vivid.grid-wrapper .last-sm {
		order: 1;
	}
	.vivid.grid-wrapper .align-left-sm,
	.vivid.grid-wrapper .align-left-sm * {
		text-align: left;
	}
	.vivid.grid-wrapper .align-center-sm,
	.vivid.grid-wrapper .align-center-sm * {
		text-align: center;
	}
	.vivid.grid-wrapper .align-right-sm,
	.vivid.grid-wrapper .align-right-sm * {
		text-align: right;
	}
}
@media only screen and (min-width: 1024px) {
	.vivid.grid-wrapper .vivid.part.span-md {
		-ms-flex-preferred-size: auto;
		-webkit-flex-basis: auto;
		-moz-flex-basis: auto;
		flex-basis: auto;
	}
	.vivid.grid-wrapper .vivid.part.span-md-1 {
		-ms-flex-preferred-size: 8.3333333333%;
		-webkit-flex-basis: 8.3333333333%;
		-moz-flex-basis: 8.3333333333%;
		flex-basis: 8.3333333333%;
		max-width: 8.3333333333%;
	}
	.vivid.grid-wrapper .vivid.part.span-md-2 {
		-ms-flex-preferred-size: 16.6666666667%;
		-webkit-flex-basis: 16.6666666667%;
		-moz-flex-basis: 16.6666666667%;
		flex-basis: 16.6666666667%;
		max-width: 16.6666666667%;
	}
	.vivid.grid-wrapper .vivid.part.span-md-3 {
		-ms-flex-preferred-size: 25%;
		-webkit-flex-basis: 25%;
		-moz-flex-basis: 25%;
		flex-basis: 25%;
		max-width: 25%;
	}
	.vivid.grid-wrapper .vivid.part.span-md-4 {
		-ms-flex-preferred-size: 33.3333333333%;
		-webkit-flex-basis: 33.3333333333%;
		-moz-flex-basis: 33.3333333333%;
		flex-basis: 33.3333333333%;
		max-width: 33.3333333333%;
	}
	.vivid.grid-wrapper .vivid.part.span-md-5 {
		-ms-flex-preferred-size: 41.6666666667%;
		-webkit-flex-basis: 41.6666666667%;
		-moz-flex-basis: 41.6666666667%;
		flex-basis: 41.6666666667%;
		max-width: 41.6666666667%;
	}
	.vivid.grid-wrapper .vivid.part.span-md-6 {
		-ms-flex-preferred-size: 50%;
		-webkit-flex-basis: 50%;
		-moz-flex-basis: 50%;
		flex-basis: 50%;
		max-width: 50%;
	}
	.vivid.grid-wrapper .vivid.part.span-md-7 {
		-ms-flex-preferred-size: 58.3333333333%;
		-webkit-flex-basis: 58.3333333333%;
		-moz-flex-basis: 58.3333333333%;
		flex-basis: 58.3333333333%;
		max-width: 58.3333333333%;
	}
	.vivid.grid-wrapper .vivid.part.span-md-8 {
		-ms-flex-preferred-size: 66.6666666667%;
		-webkit-flex-basis: 66.6666666667%;
		-moz-flex-basis: 66.6666666667%;
		flex-basis: 66.6666666667%;
		max-width: 66.6666666667%;
	}
	.vivid.grid-wrapper .vivid.part.span-md-9 {
		-ms-flex-preferred-size: 75%;
		-webkit-flex-basis: 75%;
		-moz-flex-basis: 75%;
		flex-basis: 75%;
		max-width: 75%;
	}
	.vivid.grid-wrapper .vivid.part.span-md-10 {
		-ms-flex-preferred-size: 83.3333333333%;
		-webkit-flex-basis: 83.3333333333%;
		-moz-flex-basis: 83.3333333333%;
		flex-basis: 83.3333333333%;
		max-width: 83.3333333333%;
	}
	.vivid.grid-wrapper .vivid.part.span-md-11 {
		-ms-flex-preferred-size: 91.6666666667%;
		-webkit-flex-basis: 91.6666666667%;
		-moz-flex-basis: 91.6666666667%;
		flex-basis: 91.6666666667%;
		max-width: 91.6666666667%;
	}
	.vivid.grid-wrapper .vivid.part.span-md-12 {
		-ms-flex-preferred-size: 100%;
		-webkit-flex-basis: 100%;
		-moz-flex-basis: 100%;
		flex-basis: 100%;
		max-width: 100%;
	}
	.vivid.grid-wrapper .vivid.part.span-md-offset-1 {
		margin-left: 8.3333333333%;
	}
	.vivid.grid-wrapper .vivid.part.span-md-offset-2 {
		margin-left: 16.6666666667%;
	}
	.vivid.grid-wrapper .vivid.part.span-md-offset-3 {
		margin-left: 25%;
	}
	.vivid.grid-wrapper .vivid.part.span-md-offset-4 {
		margin-left: 33.3333333333%;
	}
	.vivid.grid-wrapper .vivid.part.span-md-offset-5 {
		margin-left: 41.6666666667%;
	}
	.vivid.grid-wrapper .vivid.part.span-md-offset-6 {
		margin-left: 50%;
	}
	.vivid.grid-wrapper .vivid.part.span-md-offset-7 {
		margin-left: 58.3333333333%;
	}
	.vivid.grid-wrapper .vivid.part.span-md-offset-8 {
		margin-left: 66.6666666667%;
	}
	.vivid.grid-wrapper .vivid.part.span-md-offset-9 {
		margin-left: 75%;
	}
	.vivid.grid-wrapper .vivid.part.span-md-offset-10 {
		margin-left: 83.3333333333%;
	}
	.vivid.grid-wrapper .vivid.part.span-md-offset-11 {
		margin-left: 91.6666666667%;
	}
	.vivid.grid-wrapper .vivid.part.span-md-offset-12 {
		margin-left: 100%;
	}
	.vivid.grid-wrapper .vivid.part.span-md {
		-ms-flex-positive: 1;
		-webkit-flex-grow: 1;
		-webkit-box-flex: 1;
		-moz-flex-grow: 1;
		flex-grow: 1;
		-ms-flex-preferred-size: 0;
		-webkit-flex-basis: 0;
		-moz-flex-basis: 0;
		flex-basis: 0;
		max-width: 100%;
	}
	.vivid.grid-wrapper .start-md {
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		-webkit-justify-content: flex-start;
		-moz-justify-content: flex-start;
		justify-content: flex-start;
		text-align: left;
	}
	.vivid.grid-wrapper .center-md {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		-webkit-justify-content: center;
		-moz-justify-content: center;
		justify-content: center;
		text-align: center;
	}
	.vivid.grid-wrapper .end-md {
		-webkit-box-pack: end;
		-ms-flex-pack: end;
		-webkit-justify-content: flex-end;
		-moz-justify-content: flex-end;
		justify-content: flex-end;
		text-align: right;
	}
	.vivid.grid-wrapper .around-md {
		-ms-flex-pack: distribute;
		-webkit-justify-content: space-around;
		-moz-justify-content: space-around;
		justify-content: space-around;
	}
	.vivid.grid-wrapper .between-md {
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		-webkit-justify-content: space-between;
		-moz-justify-content: space-between;
		justify-content: space-between;
	}
	.vivid.grid-wrapper .top-md {
		-webkit-box-align: start;
		-ms-flex-align: start;
		-webkit-align-items: flex-start;
		-moz-align-items: flex-start;
		align-items: flex-start;
	}
	.vivid.grid-wrapper .middle-md {
		-webkit-box-align: center;
		-ms-flex-align: center;
		-webkit-align-items: center;
		-moz-align-items: center;
		align-items: center;
	}
	.vivid.grid-wrapper .bottom-md {
		-webkit-box-align: end;
		-ms-flex-align: end;
		-webkit-align-items: flex-end;
		-moz-align-items: flex-end;
		align-items: flex-end;
	}
	.vivid.grid-wrapper .hide-md {
		display: none;
	}
	.vivid.grid-wrapper .show-md {
		display: flex;
	}
	.vivid.grid-wrapper .first-md {
		order: -1;
	}
	.vivid.grid-wrapper .last-md {
		order: 1;
	}
	.vivid.grid-wrapper .align-left-md,
	.vivid.grid-wrapper .align-left-md * {
		text-align: left;
	}
	.vivid.grid-wrapper .align-center-md,
	.vivid.grid-wrapper .align-center-md * {
		text-align: center;
	}
	.vivid.grid-wrapper .align-right-md,
	.vivid.grid-wrapper .align-right-md * {
		text-align: right;
	}
}
@media only screen and (min-width: 1400px) {
	.vivid.grid-wrapper .vivid.part.span-lg {
		-ms-flex-preferred-size: auto;
		-webkit-flex-basis: auto;
		-moz-flex-basis: auto;
		flex-basis: auto;
	}
	.vivid.grid-wrapper .vivid.part.span-lg-1 {
		-ms-flex-preferred-size: 8.3333333333%;
		-webkit-flex-basis: 8.3333333333%;
		-moz-flex-basis: 8.3333333333%;
		flex-basis: 8.3333333333%;
		max-width: 8.3333333333%;
	}
	.vivid.grid-wrapper .vivid.part.span-lg-2 {
		-ms-flex-preferred-size: 16.6666666667%;
		-webkit-flex-basis: 16.6666666667%;
		-moz-flex-basis: 16.6666666667%;
		flex-basis: 16.6666666667%;
		max-width: 16.6666666667%;
	}
	.vivid.grid-wrapper .vivid.part.span-lg-3 {
		-ms-flex-preferred-size: 25%;
		-webkit-flex-basis: 25%;
		-moz-flex-basis: 25%;
		flex-basis: 25%;
		max-width: 25%;
	}
	.vivid.grid-wrapper .vivid.part.span-lg-4 {
		-ms-flex-preferred-size: 33.3333333333%;
		-webkit-flex-basis: 33.3333333333%;
		-moz-flex-basis: 33.3333333333%;
		flex-basis: 33.3333333333%;
		max-width: 33.3333333333%;
	}
	.vivid.grid-wrapper .vivid.part.span-lg-5 {
		-ms-flex-preferred-size: 41.6666666667%;
		-webkit-flex-basis: 41.6666666667%;
		-moz-flex-basis: 41.6666666667%;
		flex-basis: 41.6666666667%;
		max-width: 41.6666666667%;
	}
	.vivid.grid-wrapper .vivid.part.span-lg-6 {
		-ms-flex-preferred-size: 50%;
		-webkit-flex-basis: 50%;
		-moz-flex-basis: 50%;
		flex-basis: 50%;
		max-width: 50%;
	}
	.vivid.grid-wrapper .vivid.part.span-lg-7 {
		-ms-flex-preferred-size: 58.3333333333%;
		-webkit-flex-basis: 58.3333333333%;
		-moz-flex-basis: 58.3333333333%;
		flex-basis: 58.3333333333%;
		max-width: 58.3333333333%;
	}
	.vivid.grid-wrapper .vivid.part.span-lg-8 {
		-ms-flex-preferred-size: 66.6666666667%;
		-webkit-flex-basis: 66.6666666667%;
		-moz-flex-basis: 66.6666666667%;
		flex-basis: 66.6666666667%;
		max-width: 66.6666666667%;
	}
	.vivid.grid-wrapper .vivid.part.span-lg-9 {
		-ms-flex-preferred-size: 75%;
		-webkit-flex-basis: 75%;
		-moz-flex-basis: 75%;
		flex-basis: 75%;
		max-width: 75%;
	}
	.vivid.grid-wrapper .vivid.part.span-lg-10 {
		-ms-flex-preferred-size: 83.3333333333%;
		-webkit-flex-basis: 83.3333333333%;
		-moz-flex-basis: 83.3333333333%;
		flex-basis: 83.3333333333%;
		max-width: 83.3333333333%;
	}
	.vivid.grid-wrapper .vivid.part.span-lg-11 {
		-ms-flex-preferred-size: 91.6666666667%;
		-webkit-flex-basis: 91.6666666667%;
		-moz-flex-basis: 91.6666666667%;
		flex-basis: 91.6666666667%;
		max-width: 91.6666666667%;
	}
	.vivid.grid-wrapper .vivid.part.span-lg-12 {
		-ms-flex-preferred-size: 100%;
		-webkit-flex-basis: 100%;
		-moz-flex-basis: 100%;
		flex-basis: 100%;
		max-width: 100%;
	}
	.vivid.grid-wrapper .vivid.part.span-lg-offset-1 {
		margin-left: 8.3333333333%;
	}
	.vivid.grid-wrapper .vivid.part.span-lg-offset-2 {
		margin-left: 16.6666666667%;
	}
	.vivid.grid-wrapper .vivid.part.span-lg-offset-3 {
		margin-left: 25%;
	}
	.vivid.grid-wrapper .vivid.part.span-lg-offset-4 {
		margin-left: 33.3333333333%;
	}
	.vivid.grid-wrapper .vivid.part.span-lg-offset-5 {
		margin-left: 41.6666666667%;
	}
	.vivid.grid-wrapper .vivid.part.span-lg-offset-6 {
		margin-left: 50%;
	}
	.vivid.grid-wrapper .vivid.part.span-lg-offset-7 {
		margin-left: 58.3333333333%;
	}
	.vivid.grid-wrapper .vivid.part.span-lg-offset-8 {
		margin-left: 66.6666666667%;
	}
	.vivid.grid-wrapper .vivid.part.span-lg-offset-9 {
		margin-left: 75%;
	}
	.vivid.grid-wrapper .vivid.part.span-lg-offset-10 {
		margin-left: 83.3333333333%;
	}
	.vivid.grid-wrapper .vivid.part.span-lg-offset-11 {
		margin-left: 91.6666666667%;
	}
	.vivid.grid-wrapper .vivid.part.span-lg-offset-12 {
		margin-left: 100%;
	}
	.vivid.grid-wrapper .vivid.part.span-lg {
		-ms-flex-positive: 1;
		-webkit-flex-grow: 1;
		-webkit-box-flex: 1;
		-moz-flex-grow: 1;
		flex-grow: 1;
		-ms-flex-preferred-size: 0;
		-webkit-flex-basis: 0;
		-moz-flex-basis: 0;
		flex-basis: 0;
		max-width: 100%;
	}
	.vivid.grid-wrapper .start-lg {
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		-webkit-justify-content: flex-start;
		-moz-justify-content: flex-start;
		justify-content: flex-start;
		text-align: left;
	}
	.vivid.grid-wrapper .center-lg {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		-webkit-justify-content: center;
		-moz-justify-content: center;
		justify-content: center;
		text-align: center;
	}
	.vivid.grid-wrapper .end-lg {
		-webkit-box-pack: end;
		-ms-flex-pack: end;
		-webkit-justify-content: flex-end;
		-moz-justify-content: flex-end;
		justify-content: flex-end;
		text-align: right;
	}
	.vivid.grid-wrapper .around-lg {
		-ms-flex-pack: distribute;
		-webkit-justify-content: space-around;
		-moz-justify-content: space-around;
		justify-content: space-around;
	}
	.vivid.grid-wrapper .between-lg {
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		-webkit-justify-content: space-between;
		-moz-justify-content: space-between;
		justify-content: space-between;
	}
	.vivid.grid-wrapper .top-lg {
		-webkit-box-align: start;
		-ms-flex-align: start;
		-webkit-align-items: flex-start;
		-moz-align-items: flex-start;
		align-items: flex-start;
	}
	.vivid.grid-wrapper .middle-lg {
		-webkit-box-align: center;
		-ms-flex-align: center;
		-webkit-align-items: center;
		-moz-align-items: center;
		align-items: center;
	}
	.vivid.grid-wrapper .bottom-lg {
		-webkit-box-align: end;
		-ms-flex-align: end;
		-webkit-align-items: flex-end;
		-moz-align-items: flex-end;
		align-items: flex-end;
	}
	.vivid.grid-wrapper .hide-lg {
		display: none;
	}
	.vivid.grid-wrapper .show-lg {
		display: flex;
	}
	.vivid.grid-wrapper .first-lg {
		order: -1;
	}
	.vivid.grid-wrapper .last-lg {
		order: 1;
	}
	.vivid.grid-wrapper .align-left-lg,
	.vivid.grid-wrapper .align-left-lg * {
		text-align: left;
	}
	.vivid.grid-wrapper .align-center-lg,
	.vivid.grid-wrapper .align-center-lg * {
		text-align: center;
	}
	.vivid.grid-wrapper .align-right-lg,
	.vivid.grid-wrapper .align-right-lg * {
		text-align: right;
	}
}
@media only screen and (min-width: 1600px) {
	.vivid.grid-wrapper .vivid.part.span-xl {
		-ms-flex-preferred-size: auto;
		-webkit-flex-basis: auto;
		-moz-flex-basis: auto;
		flex-basis: auto;
	}
	.vivid.grid-wrapper .vivid.part.span-xl-1 {
		-ms-flex-preferred-size: 8.3333333333%;
		-webkit-flex-basis: 8.3333333333%;
		-moz-flex-basis: 8.3333333333%;
		flex-basis: 8.3333333333%;
		max-width: 8.3333333333%;
	}
	.vivid.grid-wrapper .vivid.part.span-xl-2 {
		-ms-flex-preferred-size: 16.6666666667%;
		-webkit-flex-basis: 16.6666666667%;
		-moz-flex-basis: 16.6666666667%;
		flex-basis: 16.6666666667%;
		max-width: 16.6666666667%;
	}
	.vivid.grid-wrapper .vivid.part.span-xl-3 {
		-ms-flex-preferred-size: 25%;
		-webkit-flex-basis: 25%;
		-moz-flex-basis: 25%;
		flex-basis: 25%;
		max-width: 25%;
	}
	.vivid.grid-wrapper .vivid.part.span-xl-4 {
		-ms-flex-preferred-size: 33.3333333333%;
		-webkit-flex-basis: 33.3333333333%;
		-moz-flex-basis: 33.3333333333%;
		flex-basis: 33.3333333333%;
		max-width: 33.3333333333%;
	}
	.vivid.grid-wrapper .vivid.part.span-xl-5 {
		-ms-flex-preferred-size: 41.6666666667%;
		-webkit-flex-basis: 41.6666666667%;
		-moz-flex-basis: 41.6666666667%;
		flex-basis: 41.6666666667%;
		max-width: 41.6666666667%;
	}
	.vivid.grid-wrapper .vivid.part.span-xl-6 {
		-ms-flex-preferred-size: 50%;
		-webkit-flex-basis: 50%;
		-moz-flex-basis: 50%;
		flex-basis: 50%;
		max-width: 50%;
	}
	.vivid.grid-wrapper .vivid.part.span-xl-7 {
		-ms-flex-preferred-size: 58.3333333333%;
		-webkit-flex-basis: 58.3333333333%;
		-moz-flex-basis: 58.3333333333%;
		flex-basis: 58.3333333333%;
		max-width: 58.3333333333%;
	}
	.vivid.grid-wrapper .vivid.part.span-xl-8 {
		-ms-flex-preferred-size: 66.6666666667%;
		-webkit-flex-basis: 66.6666666667%;
		-moz-flex-basis: 66.6666666667%;
		flex-basis: 66.6666666667%;
		max-width: 66.6666666667%;
	}
	.vivid.grid-wrapper .vivid.part.span-xl-9 {
		-ms-flex-preferred-size: 75%;
		-webkit-flex-basis: 75%;
		-moz-flex-basis: 75%;
		flex-basis: 75%;
		max-width: 75%;
	}
	.vivid.grid-wrapper .vivid.part.span-xl-10 {
		-ms-flex-preferred-size: 83.3333333333%;
		-webkit-flex-basis: 83.3333333333%;
		-moz-flex-basis: 83.3333333333%;
		flex-basis: 83.3333333333%;
		max-width: 83.3333333333%;
	}
	.vivid.grid-wrapper .vivid.part.span-xl-11 {
		-ms-flex-preferred-size: 91.6666666667%;
		-webkit-flex-basis: 91.6666666667%;
		-moz-flex-basis: 91.6666666667%;
		flex-basis: 91.6666666667%;
		max-width: 91.6666666667%;
	}
	.vivid.grid-wrapper .vivid.part.span-xl-12 {
		-ms-flex-preferred-size: 100%;
		-webkit-flex-basis: 100%;
		-moz-flex-basis: 100%;
		flex-basis: 100%;
		max-width: 100%;
	}
	.vivid.grid-wrapper .vivid.part.span-xl-offset-1 {
		margin-left: 8.3333333333%;
	}
	.vivid.grid-wrapper .vivid.part.span-xl-offset-2 {
		margin-left: 16.6666666667%;
	}
	.vivid.grid-wrapper .vivid.part.span-xl-offset-3 {
		margin-left: 25%;
	}
	.vivid.grid-wrapper .vivid.part.span-xl-offset-4 {
		margin-left: 33.3333333333%;
	}
	.vivid.grid-wrapper .vivid.part.span-xl-offset-5 {
		margin-left: 41.6666666667%;
	}
	.vivid.grid-wrapper .vivid.part.span-xl-offset-6 {
		margin-left: 50%;
	}
	.vivid.grid-wrapper .vivid.part.span-xl-offset-7 {
		margin-left: 58.3333333333%;
	}
	.vivid.grid-wrapper .vivid.part.span-xl-offset-8 {
		margin-left: 66.6666666667%;
	}
	.vivid.grid-wrapper .vivid.part.span-xl-offset-9 {
		margin-left: 75%;
	}
	.vivid.grid-wrapper .vivid.part.span-xl-offset-10 {
		margin-left: 83.3333333333%;
	}
	.vivid.grid-wrapper .vivid.part.span-xl-offset-11 {
		margin-left: 91.6666666667%;
	}
	.vivid.grid-wrapper .vivid.part.span-xl-offset-12 {
		margin-left: 100%;
	}
	.vivid.grid-wrapper .vivid.part.span-xl {
		-ms-flex-positive: 1;
		-webkit-flex-grow: 1;
		-webkit-box-flex: 1;
		-moz-flex-grow: 1;
		flex-grow: 1;
		-ms-flex-preferred-size: 0;
		-webkit-flex-basis: 0;
		-moz-flex-basis: 0;
		flex-basis: 0;
		max-width: 100%;
	}
	.vivid.grid-wrapper .start-xl {
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		-webkit-justify-content: flex-start;
		-moz-justify-content: flex-start;
		justify-content: flex-start;
		text-align: left;
	}
	.vivid.grid-wrapper .center-xl {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		-webkit-justify-content: center;
		-moz-justify-content: center;
		justify-content: center;
		text-align: center;
	}
	.vivid.grid-wrapper .end-xl {
		-webkit-box-pack: end;
		-ms-flex-pack: end;
		-webkit-justify-content: flex-end;
		-moz-justify-content: flex-end;
		justify-content: flex-end;
		text-align: right;
	}
	.vivid.grid-wrapper .around-xl {
		-ms-flex-pack: distribute;
		-webkit-justify-content: space-around;
		-moz-justify-content: space-around;
		justify-content: space-around;
	}
	.vivid.grid-wrapper .between-xl {
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		-webkit-justify-content: space-between;
		-moz-justify-content: space-between;
		justify-content: space-between;
	}
	.vivid.grid-wrapper .top-xl {
		-webkit-box-align: start;
		-ms-flex-align: start;
		-webkit-align-items: flex-start;
		-moz-align-items: flex-start;
		align-items: flex-start;
	}
	.vivid.grid-wrapper .middle-xl {
		-webkit-box-align: center;
		-ms-flex-align: center;
		-webkit-align-items: center;
		-moz-align-items: center;
		align-items: center;
	}
	.vivid.grid-wrapper .bottom-xl {
		-webkit-box-align: end;
		-ms-flex-align: end;
		-webkit-align-items: flex-end;
		-moz-align-items: flex-end;
		align-items: flex-end;
	}
	.vivid.grid-wrapper .hide-xl {
		display: none;
	}
	.vivid.grid-wrapper .show-xl {
		display: flex;
	}
	.vivid.grid-wrapper .first-xl {
		order: -1;
	}
	.vivid.grid-wrapper .last-xl {
		order: 1;
	}
	.vivid.grid-wrapper .align-left-xl,
	.vivid.grid-wrapper .align-left-xl * {
		text-align: left;
	}
	.vivid.grid-wrapper .align-center-xl,
	.vivid.grid-wrapper .align-center-xl * {
		text-align: center;
	}
	.vivid.grid-wrapper .align-right-xl,
	.vivid.grid-wrapper .align-right-xl * {
		text-align: right;
	}
}

 /* ARCHIVE.PHP STYLES */

  /* POST COLORS */

.category-best-of .archive-sidebar .popular-post-item,
.archive-recent-posts .archive-recent-post.best-of .recent-post-card,
.post-grid-slider-section .recent-posts .recent-post.best-of,
.recent-posts-grid-section .recent-posts .recent-post.best-of {
    border-color: #164376 !important;
}

.category-ev .archive-sidebar .popular-post-item,
.archive-recent-posts .archive-recent-post.charging-and-battery .recent-post-card,
.archive-recent-posts .archive-recent-post.maintenance-and-cost .recent-post-card,
.archive-recent-posts .archive-recent-post.lifestyle .recent-post-card,
.archive-recent-posts .archive-recent-post.buying-guide .recent-post-card,
.post-grid-slider-section .recent-posts .recent-post.ev,
.recent-posts-grid-section .recent-posts .recent-post.ev {
    border-color: #ffc051 !important;
}

.category-guides-and-how-tos .archive-sidebar .popular-post-item,
.archive-recent-posts .archive-recent-post.guides-and-how-tos .recent-post-card,
.post-grid-slider-section .recent-posts .recent-post.guides-and-how-tos,
.recent-posts-grid-section .recent-posts .recent-post.guides-and-how-tos {
    border-color: #81c158 !important;
}

.category-car-comparisons .archive-sidebar .popular-post-item,
.archive-recent-posts .archive-recent-post.car-comparisons .recent-post-card,
.post-grid-slider-section .recent-posts .recent-post.car-comparisons,
.recent-posts-grid-section .recent-posts .recent-post.car-comparisons {
    border-color: #bababa !important;
}


/* GRID WRAPPER STYLES */

body.page-template-archive,
body.archive.category {
    overflow-x: initial !important;
}

.page-template-archive .vivid.wrapper-padding,
.archive.category .vivid.wrapper-padding {
    padding: 20px 0 0;
}

.page-template-archive .vivid.wrapper-padding.featured,
.archive.category .vivid.wrapper-padding.featured {
    padding-bottom: 0;
}


/* GENERAL PAGE STYLES */

.page-template-archive .custom-post-footer.white-bg,
.archive.category .custom-post-footer.white-bg {
    background-color: #ffffff;
}

.page-template-archive .grey-bg,
.archive.category .grey-bg {
    background-color: #ededed;
    padding: 0 0 30px;
    margin-bottom: 0;
    clip-path: polygon(0 0, 100% 0, 100% 93%, 0% 100%);
}

.small-text {
    margin-top: 20px;
    font-size: 14px;
    text-align: center;
    font-style: italic;
}


/* CATEGORY PAGE STYLES */


/* Category Pages Video Slider */

.n2_ss_video_player__cover img {
    width: 100px !important;
    height: 100px !important;
    margin-top: -50px !important;
    margin-left: -50px !important;
}


/* End Category Page Styles */


/**/


/* TOP FEATURED POST STYLES */

.featured-posts .featured-post-image img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.featured-posts .featured-post-content ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.featured-posts .featured-post-content h4.featured-post-cat {
    font-size: 16px;
    text-transform: uppercase;
    margin: 0;
    padding: 0;
}

.featured-posts .featured-post-content h4.featured-post-cat a {
    color: white;
}

.featured-posts .featured-post-content h3.featured-post-title {
    margin: 0;
    padding: 0;
    margin-top: 10px;
    color: white;
}

.featured-posts .featured-post-content p {
    margin: 0;
    padding: 0;
    margin-top: 10px;
    color: white;
}

.featured-posts .featured-post-content .featured-post-text a {
    display: block;
    width: fit-content;
    margin-top: 15px;
    padding: 10px 20px;
    background-color: transparent;
    border: 1px solid white;
    border-radius: 60px;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 16px;
    color: white;
    transition: 0.2s ease-in-out all;
}

.featured-posts .featured-post-content .featured-post-text a:hover,
.featured-posts .featured-post-content .featured-post-text a:focus,
.featured-posts .featured-post-content .featured-post-text a:target {
    background-color: white;
    color: black;
}


/* CATEGORY SPECIFIC COLORS */

.featured-posts .featured-post-content {
    background-color: #1273b3;
}

.featured-posts .best-of .featured-post-content {
    background-color: #164376;
}

.featured-posts .guides-and-how-tos .featured-post-content {
    background-color: #81c158;
}

.featured-posts .car-comparisons .featured-post-content {
    background-color: #bababa;
}

.featured-posts .believe-in-nice .featured-post-content {
    background-color: #ffc051;
}

.featured-posts .believe-in-nice .featured-post-content h4.featured-post-cat a,
.featured-posts .believe-in-nice .featured-post-content h3.featured-post-title,
.featured-posts .believe-in-nice .featured-post-content p,
.featured-posts .believe-in-nice .featured-post-content a {
    color: black;
    border-color: black;
}

.featured-posts .believe-in-nice .featured-post-content .featured-post-text a:hover,
.featured-posts .believe-in-nice .featured-post-content .featured-post-text a:focus,
.featured-posts .believe-in-nice .featured-post-content .featured-post-text a:target {
    background-color: black;
    color: white;
}


/* LARGE POST STYLES */

.featured-post-large {
    display: grid;
    grid-template-areas: 'image-large' 'content-large';
}

.featured-post-large .featured-post-image {
    grid-area: 'image-large';
}

.featured-post-large .featured-post-content {
    grid-area: 'content-large';
    padding: 30px;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
}


/* SMALL POST STYLES */

.featured-post-small {
    display: grid;
    grid-template-areas: 'image-small' 'content-small';
}

.featured-post-small .featured-post-image {
    grid-area: 'image-small';
}

.featured-post-small .featured-post-image img {
    max-height: 175px;
}

.featured-post-small .featured-post-content {
    grid-area: 'content-small';
    padding: 30px;
}


/*.featured-post-small .featured-post-content .featured-post-text a {
    display: none;
}*/


/* OTHER FEATURED POSTS WITH ICONS */

.icon-post .icon-post-image img {
    max-width: 150px;
    margin: 0;
}

.icon-post .icon-post-content .icon-post-title {
    color: black;
    margin: 0;
    padding: 20px 0;
}

.icon-post .icon-post-content h2 {
    margin-top: -30px !important;
    font-size: 24px !important;
    margin: 0;
}

.icon-post .icon-post-content p.icon-post-text a,
.icon-post .icon-post-content a.read-more-link {
    display: block;
    width: fit-content;
    margin-top: 30px;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
    padding: 18px 35px;
    border-radius: 30px;
    background-color: #81c158;
    color: white;
    text-transform: uppercase;
    font-weight: 600;
    transition: 0.2s ease-in-out all;
}

.category-car-comparisons .icon-post .icon-post-content p.icon-post-text a,
.category-car-comparisons .icon-post .icon-post-content a.read-more-link {
    background-color: #bababa;
}

.category-best-of .icon-post .icon-post-content p.icon-post-text a,
.category-best-of .icon-post .icon-post-content a.read-more-link {
    background-color: #164376;
}

.category-believe-in-nice .icon-post .icon-post-content p.icon-post-text a,
.category-believe-in-nice .icon-post .icon-post-content a.read-more-link {
    background-color: #ffc051;
}

.category-guides-and-how-tos .icon-post .icon-post-content p.icon-post-text a,
.category-guides-and-how-tos .icon-post .icon-post-content a.read-more-link {
    background-color: #81c158;
}

.icon-post .icon-post-content p.icon-post-text a:hover,
.icon-post .icon-post-content a.read-more-link:hover,
.icon-post .icon-post-content p.icon-post-text a:target,
.icon-post .icon-post-content a.read-more-link:target,
.icon-post .icon-post-content p.icon-post-text a:focus,
.icon-post .icon-post-content a.read-more-link:focus {
    background-color: #1273b3;
}


/* LOGOS LOOKING FOR MORE SECTION STYLES */

.archive.category .custom-post-footer .logos-section,
.page-template-archive .custom-post-footer.white-bg .logos-section {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    flex-wrap: wrap;
    flex-direction: row;
}

.archive.category .custom-post-footer .logos-section a,
.page-template-archive .custom-post-footer.white-bg .logos-section a {
    transition: 0.2s ease-in-out all;
    transform: scale(1);
    display: inline-block;
    width: 40%;
    margin: 20px 0;
}

.archive.category .custom-post-footer .logos-section a:hover,
.archive.category .custom-post-footer .logos-section a:focus,
.archive.category .custom-post-footer .logos-section a:target,
.page-template-archive .custom-post-footer.white-bg .logos-section a:hover,
.page-template-archive .custom-post-footer.white-bg .logos-section a:target,
.page-template-archive .custom-post-footer.white-bg .logos-section a:focus {
    transform: scale(1.15);
}

.archive.category .custom-post-footer .logos-section a img,
.page-template-archive .custom-post-footer.white-bg .logos-section a img {
    width: 90%;
    margin: 0 5%;
}


/* ARCHIVE RECENT POSTS SECTION */

.archive-recent-posts-section {
    border-top: 1px solid #ddd;
    padding-top: 20px;
    padding-bottom: 80px;
    max-width: 1650px;
    margin: 0 auto;
}

.archive.category .archive-recent-posts-section {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding: 20px 0;
}

.archive-recent-posts .archive-recent-post .recent-post-card {
    margin: 10px;
    height: 425px;
    background-color: white;
    box-shadow: 0 0 12px rgba(0, 0, 0, 0.1);
    border-bottom: 15px solid #1273b3;
    /* Default color */
}

.archive-recent-posts button.slick-prev:before,
.archive-recent-posts button.slick-next:before,
.post-grid-slider-section button.slick-prev:before,
.post-grid-slider-section button.slick-next:before {
    color: #fff;
    font-size: 24px;
}

.archive-recent-posts button.slick-prev:before,
.post-grid-slider-section button.slick-prev:before {
    content: '\f053';
    font-family: 'FontAwesome';
    background-color: black;
    padding: 8px 14px;
    padding-left: 10px;
    border: 2px solid white;
    border-radius: 30px;
}

.archive-recent-posts button.slick-next:before,
.post-grid-slider-section button.slick-next:before {
    content: '\f054';
    font-family: 'FontAwesome';
    background-color: black;
    padding: 8px 14px;
    padding-right: 10px;
    border-radius: 30px;
    border: 2px solid white;
}

.archive-recent-posts button.slick-prev,
.post-grid-slider-section button.slick-prev {
    left: 10px !important;
    top: 45%;
}

.archive-recent-posts button.slick-next,
.post-grid-slider-section button.slick-next {
    right: 35px !important;
    top: 45%;
}

.post-grid-slider-section .slick-dots {
    /*bottom: 12vh;*/
}

.post-grid-slider-section .slick-dots li {
    height: 30px;
    width: 30px;
}

.post-grid-slider-section .slick-dots li button:before {
    font-size: 12px;
}

.post-grid-slider-section .slick-dots li:nth-child(1) button:before {
    color: #164376;
}

.post-grid-slider-section .slick-dots li:nth-child(2) button:before {
    color: #ffc051;
}

.post-grid-slider-section .slick-dots li:nth-child(3) button:before {
    color: #81c158;
}

.post-grid-slider-section .slick-dots li:nth-child(4) button:before {
    color: #6f6f6f;
}

.archive-recent-posts .archive-recent-post .archive-recent-post-image img {
    height: 200px;
    object-fit: cover;
}

.vivid.section.featured-posts {
    padding: 30px 0 0;
}

.archive-recent-posts .archive-recent-post .archive-recent-post-title {
    margin: 0;
    padding: 20px 20px 10px 20px;
}

.archive-recent-posts .archive-recent-post .archive-recent-post-title a {
    color: black;
    transition: 0.2s ease-in-out all;
}

.archive-recent-posts .archive-recent-post .archive-recent-post-title a:hover,
.archive-recent-posts .archive-recent-post .archive-recent-post-title a:focus,
.archive-recent-posts .archive-recent-post .archive-recent-post-title a:target {
    color: #1273b3;
}

.archive-recent-posts .archive-recent-post .archive-recent-post-excerpt {
    padding: 0 20px 20px 20px;
    color: rgb(0, 0, 0);
}

.archive-recent-posts .archive-recent-post .archive-recent-post-excerpt a {
    display: block;
    width: fit-content;
    margin-top: 15px;
    padding: 10px 20px;
    background-color: transparent;
    border: 1px solid black;
    border-radius: 60px;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 16px;
    color: black;
    transition: 0.2s ease-in-out all;
}


/* EDITS UPON SINGLE RECENT POST GRID STYLES */

.post-grid-slider-section,
.recent-posts-grid-section {
    padding-top: 80px;
    padding-bottom: 250px;
    margin-bottom: -13vh;
}

.post-grid-slider-section .category-post-grid-slider,
.recent-posts-grid-section .recent-posts {
    max-width: 1400px;
    margin: 0 auto;
    padding: 20px;
}

.post-grid-slider-section .category-post-grid-slider .recent-posts .recent-post:nth-child(1),
.recent-posts-grid-section .recent-posts .recent-post:nth-child(1) {
    grid-area: large-post;
}

.post-grid-slider-section .category-post-grid-slider .recent-posts .recent-post:nth-child(2),
.recent-posts-grid-section .recent-posts .recent-post:nth-child(2) {
    grid-area: small-post-a;
}

.post-grid-slider-section .category-post-grid-slider .recent-posts .recent-post:nth-child(3),
.recent-posts-grid-section .recent-posts .recent-post:nth-child(3) {
    grid-area: small-post-b;
}

.post-grid-slider-section .category-post-grid-slider .recent-posts .recent-post:nth-child(4),
.recent-posts-grid-section .recent-posts .recent-post:nth-child(4) {
    grid-area: small-post-c;
}

.post-grid-slider-section .category-post-grid-slider .recent-posts,
.recent-posts-grid-section .recent-posts {
    display: grid;
    column-gap: 30px;
    grid-template-areas: 'large-post' 'small-post-a' 'small-post-b' 'small-post-c';
}

.recent-posts .recent-post.best-of:nth-child(1) {
    background-color: #164376;
}

.recent-posts .recent-post.best-of:nth-child(1) a:hover,
.recent-posts .recent-post.best-of:nth-child(1) a:focus,
.recent-posts .recent-post.best-of:nth-child(1) a:target {
    color: #bababa;
}

.recent-posts .recent-post.believe-in-nice:nth-child(1) {
    background-color: #ffc051;
    color: black;
}

.recent-posts .recent-post.believe-in-nice:nth-child(1) a {
    color: black;
}

.recent-posts .recent-post.believe-in-nice:nth-child(1) a:hover,
.recent-posts .recent-post.believe-in-nice:nth-child(1) a:focus,
.recent-posts .recent-post.believe-in-nice:nth-child(1) a:target {
    color: #164376;
}

.recent-posts .recent-post.guides-and-how-tos:nth-child(1) {
    background-color: #81c158;
}

.recent-posts .recent-post.brand:nth-child(1) {
    background-color: #bababa;
}


/* WIDGET STYLES */

.archive-sidebar {
    padding: 60px 20px;
}

.archive-sidebar .widget {
    padding: 40px 20px;
    background-color: white;
    box-shadow: 0 0 12px rgba(0, 0, 0, 0.1);
    margin: 30px 0;
}

.archive-sidebar .widget.widget_custom_html {
    padding: 0;
    padding-top: 30px;
}

.archive-sidebar .widget h4.h-widget {
    font-size: 1.3rem;
    text-align: center;
    margin: 0 10%;
    padding-bottom: 30px;
    line-height: 1.2;
}


/* Colors */

.category-best-of .archive-sidebar .widget.widget_custom_html h4.h-widget {
    color: #164376;
}

.category-believe-in-nice .archive-sidebar .widget.widget_custom_html h4.h-widget {
    color: #ffc051;
}

.category-guides-and-how-tos .archive-sidebar .widget.widget_custom_html h4.h-widget {
    color: #81c158;
}

.category-car-comparisons .archive-sidebar .widget.widget_custom_html h4.h-widget {
    color: #bababa;
}


/* Search Widget */

.archive-sidebar .widget.widget_search form input {
    border-radius: 30px;
    width: 80%;
    margin: 0 10%;
    padding-left: 60px;
    height: 50px;
    border: 2px solid black;
}

.archive-sidebar .widget.widget_search form input::placeholder {
    text-transform: uppercase;
}

.archive-sidebar .widget.widget_search .form-search:before {
    left: 14%;
    top: 11px;
    color: #aaa;
    font-size: 24px;
}


/* Popular Posts Widget */

.archive-sidebar .popular-posts:last-of-type {
    padding: 0 !important;
    margin: 0 !important;
}

.archive-sidebar .popular-posts:last-of-type h3.widget__title {
    padding: 40px 0;
}

.archive-sidebar .wpp-list {
    margin: 0;
}

.archive-sidebar .wpp-list .popular-post-item {
    width: 100%;
    padding: 20px 10%;
    padding-bottom: 0;
    margin: 0;
    border-left: 10px solid grey;
}

.archive-sidebar .wpp-list .popular-post-item:after {
    content: '';
    display: inline-block;
    height: 1px;
    width: 100%;
    margin: 0 auto;
    margin-top: 20px;
    background-color: #ddd;
}

.archive-sidebar .wpp-list .popular-post-item:last-child {
    padding-bottom: 20px;
}

.archive-sidebar .wpp-list .popular-post-item:last-child:after {
    display: none;
}

.archive-sidebar .wpp-list .popular-post-item a {
    color: black;
    transition: 0.2s ease-in-out all;
}

.archive-sidebar .wpp-list .popular-post-item a:hover,
.archive-sidebar .wpp-list .popular-post-item a:target,
.archive-sidebar .wpp-list .popular-post-item a:focus {
    color: #053e66;
}

.archive-sidebar .wpp-list .popular-post-item h4 {
    font-size: 20px;
    line-height: 1;
    padding: 0;
    margin: 0;
}

.archive-sidebar .wpp-list .popular-post-item p {
    text-align: left;
    margin: 0;
    text-transform: uppercase;
    font-size: 14px;
    padding-bottom: 10px;
}


/* SMALL TABLET STYLES */

@media only screen and (min-width: 768px) {
    .archive.category .custom-post-footer .logos-section a,
    .page-template-archive .custom-post-footer.white-bg .logos-section a {
        width: 20%;
        margin: 20px 5%;
    }
    /* ARCHIVE RECENT POST STYLES */
    .post-grid-slider-section .slick-dots {
        /*bottom: 20vh;*/
    }
}


/* LARGE TABLET AND SMALL DESKTOP STYLES */

@media only screen and (min-width: 1000px) {
    .archive.category .custom-post-footer .logos-section a,
    .page-template-archive .custom-post-footer.white-bg .logos-section a {
        width: 15%;
    }
    /* TOP FEATURED POST STYLES */
    .featured-post-large {
        grid-template-areas: 'image-large content-large';
    }
    .featured-post-small .featured-post-image img {
        max-height: 220px;
    }
    /* LARGE POST STYLES */
    .featured-post-large,
    .featured-post-small {
        height: 100%;
    }
    /* ICON POSTS */
    .icon-post {
        width: 90%;
        padding-right: 10%;
    }
    /* ARCHIVE RECENT POST STYLES */
    .archive-recent-posts .archive-recent-post .recent-post-card {
        height: 450px;
    }
    .post-grid-slider-section .slick-dots {
        bottom: 0;
    }
    /* Styles recent posts */
    .post-grid-slider-section .category-post-grid-slider .recent-posts,
    .recent-posts-grid-section .recent-posts {
        grid-template-areas: 'small-post-a large-post large-post large-post' 'small-post-b large-post large-post large-post' 'small-post-c large-post large-post large-post';
    }
}


/* INBETWEEN STYLES */

@media only screen and (min-width: 1200px) {
    /* ARCHIVE RECENT POST STYLES */
    .archive-recent-posts .archive-recent-post .recent-post-card {
        height: 475px;
    }
    .archive-recent-posts button.slick-prev:before,
    .post-grid-slider-section button.slick-prev:before,
    .archive-recent-posts button.slick-next:before,
    .post-grid-slider-section button.slick-next:before {
        background-color: transparent;
        padding: 0;
        border: none;
        color: black;
    }
    .archive-recent-posts button.slick-prev,
    .post-grid-slider-section button.slick-prev {
        left: 10px !important;
    }
    .archive-recent-posts button.slick-next,
    .post-grid-slider-section button.slick-next {
        right: 20px !important;
    }
}


/* LARGE DESKTOP STYLES */

@media only screen and (min-width: 1400px) {
    .archive.category .custom-post-footer .logos-section a,
    .page-template-archive .custom-post-footer.white-bg .logos-section a {
        width: 10%;
        margin: 20px 2%;
    }
    .archive-recent-posts button.slick-prev,
    .post-grid-slider-section button.slick-prev {
        left: -30px !important;
    }
    .archive-recent-posts button.slick-next,
    .post-grid-slider-section button.slick-next {
        right: -25px !important;
    }
}


/* EXTRA LARGE SCREENS */

@media only screen and (min-width: 1600px) {
    /* ARCHIVE RECENT POST STYLES */
    .archive-recent-posts .archive-recent-post .recent-post-card {
        height: 425px;
    }
}

/* POSTS GRID */

.archive-recent-posts {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
}

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

    .archive-recent-posts {grid-template-columns: 1fr 1fr;}
}

@media screen and (max-width:640px) {
    .archive-recent-posts {grid-template-columns: 1fr;}
}


/****
 *
 * @description      Grid Styles
 * @version          1.0.0
 * @since            1.0.0
 *
 ****/
/***** @section Document Setup *****/
.vivid.grid-wrapper {
	/***** @section Styles *****/
	/***** @section Mixin *****/
	/***** @section Mixin *****/
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	max-width: 1672px;
	padding: 0 3.2rem 0 3.2rem;
	margin: 0 auto;
	width: 90%;
}
.vivid.grid-wrapper.gutterless {
	padding: 0;
}
.vivid.grid-wrapper.full-width {
	max-width: 100%;
	/***** @section Rows *****/
}
.vivid.grid-wrapper .vivid.section {
	/***** @section Mixin *****/
	display: -webkit-flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -moz-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-flex: 0 1 auto;
	-moz-flex: 0 1 auto;
	-ms-flex: 0 1 auto;
	flex: 0 1 auto;
	-webkit-box-flex: 0;
	-moz-box-flex: 0;
	-webkit-box-direction: normal;
	-webkit-box-orient: horizontal;
	-webkit-flex-direction: row;
	-moz-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	/***** @section Mixin *****/
	/***** @section Mixin *****/
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	margin-right: -1.6rem;
	margin-left: -1.6rem;
}
.vivid.grid-wrapper .vivid.section:before,
.vivid.grid-wrapper .vivid.section:after {
	display: none !important;
}
.vivid.grid-wrapper .vivid.section.reverse {
	-webkit-box-direction: reverse;
	-webkit-box-orient: horizontal;
	-webkit-flex-direction: row-reverse;
	-moz-flex-direction: row-reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
}
.vivid.grid-wrapper .vivid.section.no-compensation {
	margin-right: 0;
	margin-left: 0;
	/***** @section Columns *****/
}
.vivid.grid-wrapper .part {
	-webkit-flex: 0 0 auto;
	-moz-flex: 0 0 auto;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	-webkit-box-flex: 0;
	-moz-box-flex: 0;
	/***** @section Mixin *****/
	/***** @section Mixin *****/
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	padding-right: 1.6rem;
	padding-left: 1.6rem;
	margin-bottom: 3.2rem;
	position: relative;
}
.vivid.grid-wrapper .part.reverse {
	-webkit-box-direction: reverse;
	-webkit-box-orient: vertical;
	-webkit-flex-direction: column-reverse;
	-moz-flex-direction: column-reverse;
	-ms-flex-direction: column-reverse;
	flex-direction: column-reverse;
}
.vivid.grid-wrapper .part.gutterless {
	padding: 0;
}
.vivid.grid-wrapper .part.marginless {
	margin: 0;
	/***** @section Loops *****/
}
.vivid.grid-wrapper .vivid.part.span-xs {
	-ms-flex-preferred-size: auto;
	-webkit-flex-basis: auto;
	-moz-flex-basis: auto;
	flex-basis: auto;
}
.vivid.grid-wrapper .vivid.part.span-xs-1 {
	-ms-flex-preferred-size: 8.3333333333%;
	-webkit-flex-basis: 8.3333333333%;
	-moz-flex-basis: 8.3333333333%;
	flex-basis: 8.3333333333%;
	max-width: 8.3333333333%;
}
.vivid.grid-wrapper .vivid.part.span-xs-2 {
	-ms-flex-preferred-size: 16.6666666667%;
	-webkit-flex-basis: 16.6666666667%;
	-moz-flex-basis: 16.6666666667%;
	flex-basis: 16.6666666667%;
	max-width: 16.6666666667%;
}
.vivid.grid-wrapper .vivid.part.span-xs-3 {
	-ms-flex-preferred-size: 25%;
	-webkit-flex-basis: 25%;
	-moz-flex-basis: 25%;
	flex-basis: 25%;
	max-width: 25%;
}
.vivid.grid-wrapper .vivid.part.span-xs-4 {
	-ms-flex-preferred-size: 33.3333333333%;
	-webkit-flex-basis: 33.3333333333%;
	-moz-flex-basis: 33.3333333333%;
	flex-basis: 33.3333333333%;
	max-width: 33.3333333333%;
}
.vivid.grid-wrapper .vivid.part.span-xs-5 {
	-ms-flex-preferred-size: 41.6666666667%;
	-webkit-flex-basis: 41.6666666667%;
	-moz-flex-basis: 41.6666666667%;
	flex-basis: 41.6666666667%;
	max-width: 41.6666666667%;
}
.vivid.grid-wrapper .vivid.part.span-xs-6 {
	-ms-flex-preferred-size: 50%;
	-webkit-flex-basis: 50%;
	-moz-flex-basis: 50%;
	flex-basis: 50%;
	max-width: 50%;
}
.vivid.grid-wrapper .vivid.part.span-xs-7 {
	-ms-flex-preferred-size: 58.3333333333%;
	-webkit-flex-basis: 58.3333333333%;
	-moz-flex-basis: 58.3333333333%;
	flex-basis: 58.3333333333%;
	max-width: 58.3333333333%;
}
.vivid.grid-wrapper .vivid.part.span-xs-8 {
	-ms-flex-preferred-size: 66.6666666667%;
	-webkit-flex-basis: 66.6666666667%;
	-moz-flex-basis: 66.6666666667%;
	flex-basis: 66.6666666667%;
	max-width: 66.6666666667%;
}
.vivid.grid-wrapper .vivid.part.span-xs-9 {
	-ms-flex-preferred-size: 75%;
	-webkit-flex-basis: 75%;
	-moz-flex-basis: 75%;
	flex-basis: 75%;
	max-width: 75%;
}
.vivid.grid-wrapper .vivid.part.span-xs-10 {
	-ms-flex-preferred-size: 83.3333333333%;
	-webkit-flex-basis: 83.3333333333%;
	-moz-flex-basis: 83.3333333333%;
	flex-basis: 83.3333333333%;
	max-width: 83.3333333333%;
}
.vivid.grid-wrapper .vivid.part.span-xs-11 {
	-ms-flex-preferred-size: 91.6666666667%;
	-webkit-flex-basis: 91.6666666667%;
	-moz-flex-basis: 91.6666666667%;
	flex-basis: 91.6666666667%;
	max-width: 91.6666666667%;
}
.vivid.grid-wrapper .vivid.part.span-xs-12 {
	-ms-flex-preferred-size: 100%;
	-webkit-flex-basis: 100%;
	-moz-flex-basis: 100%;
	flex-basis: 100%;
	max-width: 100%;
}
.vivid.grid-wrapper .vivid.part.span-xs-offset-1 {
	margin-left: 8.3333333333%;
}
.vivid.grid-wrapper .vivid.part.span-xs-offset-2 {
	margin-left: 16.6666666667%;
}
.vivid.grid-wrapper .vivid.part.span-xs-offset-3 {
	margin-left: 25%;
}
.vivid.grid-wrapper .vivid.part.span-xs-offset-4 {
	margin-left: 33.3333333333%;
}
.vivid.grid-wrapper .vivid.part.span-xs-offset-5 {
	margin-left: 41.6666666667%;
}
.vivid.grid-wrapper .vivid.part.span-xs-offset-6 {
	margin-left: 50%;
}
.vivid.grid-wrapper .vivid.part.span-xs-offset-7 {
	margin-left: 58.3333333333%;
}
.vivid.grid-wrapper .vivid.part.span-xs-offset-8 {
	margin-left: 66.6666666667%;
}
.vivid.grid-wrapper .vivid.part.span-xs-offset-9 {
	margin-left: 75%;
}
.vivid.grid-wrapper .vivid.part.span-xs-offset-10 {
	margin-left: 83.3333333333%;
}
.vivid.grid-wrapper .vivid.part.span-xs-offset-11 {
	margin-left: 91.6666666667%;
}
.vivid.grid-wrapper .vivid.part.span-xs-offset-12 {
	margin-left: 100%;
}
.vivid.grid-wrapper .vivid.part.span-xs {
	-ms-flex-positive: 1;
	-webkit-flex-grow: 1;
	-webkit-box-flex: 1;
	-moz-flex-grow: 1;
	flex-grow: 1;
	-ms-flex-preferred-size: 0;
	-webkit-flex-basis: 0;
	-moz-flex-basis: 0;
	flex-basis: 0;
	max-width: 100%;
}
.vivid.grid-wrapper .start-xs {
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	-webkit-justify-content: flex-start;
	-moz-justify-content: flex-start;
	justify-content: flex-start;
	text-align: left;
}
.vivid.grid-wrapper .center-xs {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	justify-content: center;
	text-align: center;
}
.vivid.grid-wrapper .end-xs {
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	-webkit-justify-content: flex-end;
	-moz-justify-content: flex-end;
	justify-content: flex-end;
	text-align: right;
}
.vivid.grid-wrapper .around-xs {
	-ms-flex-pack: distribute;
	-webkit-justify-content: space-around;
	-moz-justify-content: space-around;
	justify-content: space-around;
}
.vivid.grid-wrapper .between-xs {
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-between;
	-moz-justify-content: space-between;
	justify-content: space-between;
}
.vivid.grid-wrapper .top-xs {
	-webkit-box-align: start;
	-ms-flex-align: start;
	-webkit-align-items: flex-start;
	-moz-align-items: flex-start;
	align-items: flex-start;
}
.vivid.grid-wrapper .middle-xs {
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	-moz-align-items: center;
	align-items: center;
}
.vivid.grid-wrapper .bottom-xs {
	-webkit-box-align: end;
	-ms-flex-align: end;
	-webkit-align-items: flex-end;
	-moz-align-items: flex-end;
	align-items: flex-end;
}
.vivid.grid-wrapper .hide-xs {
	display: none;
}
.vivid.grid-wrapper .show-xs {
	display: flex;
}
.vivid.grid-wrapper .first-xs {
	order: -1;
}
.vivid.grid-wrapper .last-xs {
	order: 1;
}
.vivid.grid-wrapper .align-left-xs,
.vivid.grid-wrapper .align-left-xs * {
	text-align: left;
}
.vivid.grid-wrapper .align-center-xs,
.vivid.grid-wrapper .align-center-xs * {
	text-align: center;
}
.vivid.grid-wrapper .align-right-xs,
.vivid.grid-wrapper .align-right-xs * {
	text-align: right;
}
@media only screen and (min-width: 767px) {
	.vivid.grid-wrapper .vivid.part.span-sm {
		-ms-flex-preferred-size: auto;
		-webkit-flex-basis: auto;
		-moz-flex-basis: auto;
		flex-basis: auto;
	}
	.vivid.grid-wrapper .vivid.part.span-sm-1 {
		-ms-flex-preferred-size: 8.3333333333%;
		-webkit-flex-basis: 8.3333333333%;
		-moz-flex-basis: 8.3333333333%;
		flex-basis: 8.3333333333%;
		max-width: 8.3333333333%;
	}
	.vivid.grid-wrapper .vivid.part.span-sm-2 {
		-ms-flex-preferred-size: 16.6666666667%;
		-webkit-flex-basis: 16.6666666667%;
		-moz-flex-basis: 16.6666666667%;
		flex-basis: 16.6666666667%;
		max-width: 16.6666666667%;
	}
	.vivid.grid-wrapper .vivid.part.span-sm-3 {
		-ms-flex-preferred-size: 25%;
		-webkit-flex-basis: 25%;
		-moz-flex-basis: 25%;
		flex-basis: 25%;
		max-width: 25%;
	}
	.vivid.grid-wrapper .vivid.part.span-sm-4 {
		-ms-flex-preferred-size: 33.3333333333%;
		-webkit-flex-basis: 33.3333333333%;
		-moz-flex-basis: 33.3333333333%;
		flex-basis: 33.3333333333%;
		max-width: 33.3333333333%;
	}
	.vivid.grid-wrapper .vivid.part.span-sm-5 {
		-ms-flex-preferred-size: 41.6666666667%;
		-webkit-flex-basis: 41.6666666667%;
		-moz-flex-basis: 41.6666666667%;
		flex-basis: 41.6666666667%;
		max-width: 41.6666666667%;
	}
	.vivid.grid-wrapper .vivid.part.span-sm-6 {
		-ms-flex-preferred-size: 50%;
		-webkit-flex-basis: 50%;
		-moz-flex-basis: 50%;
		flex-basis: 50%;
		max-width: 50%;
	}
	.vivid.grid-wrapper .vivid.part.span-sm-7 {
		-ms-flex-preferred-size: 58.3333333333%;
		-webkit-flex-basis: 58.3333333333%;
		-moz-flex-basis: 58.3333333333%;
		flex-basis: 58.3333333333%;
		max-width: 58.3333333333%;
	}
	.vivid.grid-wrapper .vivid.part.span-sm-8 {
		-ms-flex-preferred-size: 66.6666666667%;
		-webkit-flex-basis: 66.6666666667%;
		-moz-flex-basis: 66.6666666667%;
		flex-basis: 66.6666666667%;
		max-width: 66.6666666667%;
	}
	.vivid.grid-wrapper .vivid.part.span-sm-9 {
		-ms-flex-preferred-size: 75%;
		-webkit-flex-basis: 75%;
		-moz-flex-basis: 75%;
		flex-basis: 75%;
		max-width: 75%;
	}
	.vivid.grid-wrapper .vivid.part.span-sm-10 {
		-ms-flex-preferred-size: 83.3333333333%;
		-webkit-flex-basis: 83.3333333333%;
		-moz-flex-basis: 83.3333333333%;
		flex-basis: 83.3333333333%;
		max-width: 83.3333333333%;
	}
	.vivid.grid-wrapper .vivid.part.span-sm-11 {
		-ms-flex-preferred-size: 91.6666666667%;
		-webkit-flex-basis: 91.6666666667%;
		-moz-flex-basis: 91.6666666667%;
		flex-basis: 91.6666666667%;
		max-width: 91.6666666667%;
	}
	.vivid.grid-wrapper .vivid.part.span-sm-12 {
		-ms-flex-preferred-size: 100%;
		-webkit-flex-basis: 100%;
		-moz-flex-basis: 100%;
		flex-basis: 100%;
		max-width: 100%;
	}
	.vivid.grid-wrapper .vivid.part.span-sm-offset-1 {
		margin-left: 8.3333333333%;
	}
	.vivid.grid-wrapper .vivid.part.span-sm-offset-2 {
		margin-left: 16.6666666667%;
	}
	.vivid.grid-wrapper .vivid.part.span-sm-offset-3 {
		margin-left: 25%;
	}
	.vivid.grid-wrapper .vivid.part.span-sm-offset-4 {
		margin-left: 33.3333333333%;
	}
	.vivid.grid-wrapper .vivid.part.span-sm-offset-5 {
		margin-left: 41.6666666667%;
	}
	.vivid.grid-wrapper .vivid.part.span-sm-offset-6 {
		margin-left: 50%;
	}
	.vivid.grid-wrapper .vivid.part.span-sm-offset-7 {
		margin-left: 58.3333333333%;
	}
	.vivid.grid-wrapper .vivid.part.span-sm-offset-8 {
		margin-left: 66.6666666667%;
	}
	.vivid.grid-wrapper .vivid.part.span-sm-offset-9 {
		margin-left: 75%;
	}
	.vivid.grid-wrapper .vivid.part.span-sm-offset-10 {
		margin-left: 83.3333333333%;
	}
	.vivid.grid-wrapper .vivid.part.span-sm-offset-11 {
		margin-left: 91.6666666667%;
	}
	.vivid.grid-wrapper .vivid.part.span-sm-offset-12 {
		margin-left: 100%;
	}
	.vivid.grid-wrapper .vivid.part.span-sm {
		-ms-flex-positive: 1;
		-webkit-flex-grow: 1;
		-webkit-box-flex: 1;
		-moz-flex-grow: 1;
		flex-grow: 1;
		-ms-flex-preferred-size: 0;
		-webkit-flex-basis: 0;
		-moz-flex-basis: 0;
		flex-basis: 0;
		max-width: 100%;
	}
	.vivid.grid-wrapper .start-sm {
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		-webkit-justify-content: flex-start;
		-moz-justify-content: flex-start;
		justify-content: flex-start;
		text-align: left;
	}
	.vivid.grid-wrapper .center-sm {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		-webkit-justify-content: center;
		-moz-justify-content: center;
		justify-content: center;
		text-align: center;
	}
	.vivid.grid-wrapper .end-sm {
		-webkit-box-pack: end;
		-ms-flex-pack: end;
		-webkit-justify-content: flex-end;
		-moz-justify-content: flex-end;
		justify-content: flex-end;
		text-align: right;
	}
	.vivid.grid-wrapper .around-sm {
		-ms-flex-pack: distribute;
		-webkit-justify-content: space-around;
		-moz-justify-content: space-around;
		justify-content: space-around;
	}
	.vivid.grid-wrapper .between-sm {
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		-webkit-justify-content: space-between;
		-moz-justify-content: space-between;
		justify-content: space-between;
	}
	.vivid.grid-wrapper .top-sm {
		-webkit-box-align: start;
		-ms-flex-align: start;
		-webkit-align-items: flex-start;
		-moz-align-items: flex-start;
		align-items: flex-start;
	}
	.vivid.grid-wrapper .middle-sm {
		-webkit-box-align: center;
		-ms-flex-align: center;
		-webkit-align-items: center;
		-moz-align-items: center;
		align-items: center;
	}
	.vivid.grid-wrapper .bottom-sm {
		-webkit-box-align: end;
		-ms-flex-align: end;
		-webkit-align-items: flex-end;
		-moz-align-items: flex-end;
		align-items: flex-end;
	}
	.vivid.grid-wrapper .hide-sm {
		display: none;
	}
	.vivid.grid-wrapper .show-sm {
		display: flex;
	}
	.vivid.grid-wrapper .first-sm {
		order: -1;
	}
	.vivid.grid-wrapper .last-sm {
		order: 1;
	}
	.vivid.grid-wrapper .align-left-sm,
	.vivid.grid-wrapper .align-left-sm * {
		text-align: left;
	}
	.vivid.grid-wrapper .align-center-sm,
	.vivid.grid-wrapper .align-center-sm * {
		text-align: center;
	}
	.vivid.grid-wrapper .align-right-sm,
	.vivid.grid-wrapper .align-right-sm * {
		text-align: right;
	}
}
@media only screen and (min-width: 1024px) {
	.vivid.grid-wrapper .vivid.part.span-md {
		-ms-flex-preferred-size: auto;
		-webkit-flex-basis: auto;
		-moz-flex-basis: auto;
		flex-basis: auto;
	}
	.vivid.grid-wrapper .vivid.part.span-md-1 {
		-ms-flex-preferred-size: 8.3333333333%;
		-webkit-flex-basis: 8.3333333333%;
		-moz-flex-basis: 8.3333333333%;
		flex-basis: 8.3333333333%;
		max-width: 8.3333333333%;
	}
	.vivid.grid-wrapper .vivid.part.span-md-2 {
		-ms-flex-preferred-size: 16.6666666667%;
		-webkit-flex-basis: 16.6666666667%;
		-moz-flex-basis: 16.6666666667%;
		flex-basis: 16.6666666667%;
		max-width: 16.6666666667%;
	}
	.vivid.grid-wrapper .vivid.part.span-md-3 {
		-ms-flex-preferred-size: 25%;
		-webkit-flex-basis: 25%;
		-moz-flex-basis: 25%;
		flex-basis: 25%;
		max-width: 25%;
	}
	.vivid.grid-wrapper .vivid.part.span-md-4 {
		-ms-flex-preferred-size: 33.3333333333%;
		-webkit-flex-basis: 33.3333333333%;
		-moz-flex-basis: 33.3333333333%;
		flex-basis: 33.3333333333%;
		max-width: 33.3333333333%;
	}
	.vivid.grid-wrapper .vivid.part.span-md-5 {
		-ms-flex-preferred-size: 41.6666666667%;
		-webkit-flex-basis: 41.6666666667%;
		-moz-flex-basis: 41.6666666667%;
		flex-basis: 41.6666666667%;
		max-width: 41.6666666667%;
	}
	.vivid.grid-wrapper .vivid.part.span-md-6 {
		-ms-flex-preferred-size: 50%;
		-webkit-flex-basis: 50%;
		-moz-flex-basis: 50%;
		flex-basis: 50%;
		max-width: 50%;
	}
	.vivid.grid-wrapper .vivid.part.span-md-7 {
		-ms-flex-preferred-size: 58.3333333333%;
		-webkit-flex-basis: 58.3333333333%;
		-moz-flex-basis: 58.3333333333%;
		flex-basis: 58.3333333333%;
		max-width: 58.3333333333%;
	}
	.vivid.grid-wrapper .vivid.part.span-md-8 {
		-ms-flex-preferred-size: 66.6666666667%;
		-webkit-flex-basis: 66.6666666667%;
		-moz-flex-basis: 66.6666666667%;
		flex-basis: 66.6666666667%;
		max-width: 66.6666666667%;
	}
	.vivid.grid-wrapper .vivid.part.span-md-9 {
		-ms-flex-preferred-size: 75%;
		-webkit-flex-basis: 75%;
		-moz-flex-basis: 75%;
		flex-basis: 75%;
		max-width: 75%;
	}
	.vivid.grid-wrapper .vivid.part.span-md-10 {
		-ms-flex-preferred-size: 83.3333333333%;
		-webkit-flex-basis: 83.3333333333%;
		-moz-flex-basis: 83.3333333333%;
		flex-basis: 83.3333333333%;
		max-width: 83.3333333333%;
	}
	.vivid.grid-wrapper .vivid.part.span-md-11 {
		-ms-flex-preferred-size: 91.6666666667%;
		-webkit-flex-basis: 91.6666666667%;
		-moz-flex-basis: 91.6666666667%;
		flex-basis: 91.6666666667%;
		max-width: 91.6666666667%;
	}
	.vivid.grid-wrapper .vivid.part.span-md-12 {
		-ms-flex-preferred-size: 100%;
		-webkit-flex-basis: 100%;
		-moz-flex-basis: 100%;
		flex-basis: 100%;
		max-width: 100%;
	}
	.vivid.grid-wrapper .vivid.part.span-md-offset-1 {
		margin-left: 8.3333333333%;
	}
	.vivid.grid-wrapper .vivid.part.span-md-offset-2 {
		margin-left: 16.6666666667%;
	}
	.vivid.grid-wrapper .vivid.part.span-md-offset-3 {
		margin-left: 25%;
	}
	.vivid.grid-wrapper .vivid.part.span-md-offset-4 {
		margin-left: 33.3333333333%;
	}
	.vivid.grid-wrapper .vivid.part.span-md-offset-5 {
		margin-left: 41.6666666667%;
	}
	.vivid.grid-wrapper .vivid.part.span-md-offset-6 {
		margin-left: 50%;
	}
	.vivid.grid-wrapper .vivid.part.span-md-offset-7 {
		margin-left: 58.3333333333%;
	}
	.vivid.grid-wrapper .vivid.part.span-md-offset-8 {
		margin-left: 66.6666666667%;
	}
	.vivid.grid-wrapper .vivid.part.span-md-offset-9 {
		margin-left: 75%;
	}
	.vivid.grid-wrapper .vivid.part.span-md-offset-10 {
		margin-left: 83.3333333333%;
	}
	.vivid.grid-wrapper .vivid.part.span-md-offset-11 {
		margin-left: 91.6666666667%;
	}
	.vivid.grid-wrapper .vivid.part.span-md-offset-12 {
		margin-left: 100%;
	}
	.vivid.grid-wrapper .vivid.part.span-md {
		-ms-flex-positive: 1;
		-webkit-flex-grow: 1;
		-webkit-box-flex: 1;
		-moz-flex-grow: 1;
		flex-grow: 1;
		-ms-flex-preferred-size: 0;
		-webkit-flex-basis: 0;
		-moz-flex-basis: 0;
		flex-basis: 0;
		max-width: 100%;
	}
	.vivid.grid-wrapper .start-md {
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		-webkit-justify-content: flex-start;
		-moz-justify-content: flex-start;
		justify-content: flex-start;
		text-align: left;
	}
	.vivid.grid-wrapper .center-md {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		-webkit-justify-content: center;
		-moz-justify-content: center;
		justify-content: center;
		text-align: center;
	}
	.vivid.grid-wrapper .end-md {
		-webkit-box-pack: end;
		-ms-flex-pack: end;
		-webkit-justify-content: flex-end;
		-moz-justify-content: flex-end;
		justify-content: flex-end;
		text-align: right;
	}
	.vivid.grid-wrapper .around-md {
		-ms-flex-pack: distribute;
		-webkit-justify-content: space-around;
		-moz-justify-content: space-around;
		justify-content: space-around;
	}
	.vivid.grid-wrapper .between-md {
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		-webkit-justify-content: space-between;
		-moz-justify-content: space-between;
		justify-content: space-between;
	}
	.vivid.grid-wrapper .top-md {
		-webkit-box-align: start;
		-ms-flex-align: start;
		-webkit-align-items: flex-start;
		-moz-align-items: flex-start;
		align-items: flex-start;
	}
	.vivid.grid-wrapper .middle-md {
		-webkit-box-align: center;
		-ms-flex-align: center;
		-webkit-align-items: center;
		-moz-align-items: center;
		align-items: center;
	}
	.vivid.grid-wrapper .bottom-md {
		-webkit-box-align: end;
		-ms-flex-align: end;
		-webkit-align-items: flex-end;
		-moz-align-items: flex-end;
		align-items: flex-end;
	}
	.vivid.grid-wrapper .hide-md {
		display: none;
	}
	.vivid.grid-wrapper .show-md {
		display: flex;
	}
	.vivid.grid-wrapper .first-md {
		order: -1;
	}
	.vivid.grid-wrapper .last-md {
		order: 1;
	}
	.vivid.grid-wrapper .align-left-md,
	.vivid.grid-wrapper .align-left-md * {
		text-align: left;
	}
	.vivid.grid-wrapper .align-center-md,
	.vivid.grid-wrapper .align-center-md * {
		text-align: center;
	}
	.vivid.grid-wrapper .align-right-md,
	.vivid.grid-wrapper .align-right-md * {
		text-align: right;
	}
}
@media only screen and (min-width: 1400px) {
	.vivid.grid-wrapper .vivid.part.span-lg {
		-ms-flex-preferred-size: auto;
		-webkit-flex-basis: auto;
		-moz-flex-basis: auto;
		flex-basis: auto;
	}
	.vivid.grid-wrapper .vivid.part.span-lg-1 {
		-ms-flex-preferred-size: 8.3333333333%;
		-webkit-flex-basis: 8.3333333333%;
		-moz-flex-basis: 8.3333333333%;
		flex-basis: 8.3333333333%;
		max-width: 8.3333333333%;
	}
	.vivid.grid-wrapper .vivid.part.span-lg-2 {
		-ms-flex-preferred-size: 16.6666666667%;
		-webkit-flex-basis: 16.6666666667%;
		-moz-flex-basis: 16.6666666667%;
		flex-basis: 16.6666666667%;
		max-width: 16.6666666667%;
	}
	.vivid.grid-wrapper .vivid.part.span-lg-3 {
		-ms-flex-preferred-size: 25%;
		-webkit-flex-basis: 25%;
		-moz-flex-basis: 25%;
		flex-basis: 25%;
		max-width: 25%;
	}
	.vivid.grid-wrapper .vivid.part.span-lg-4 {
		-ms-flex-preferred-size: 33.3333333333%;
		-webkit-flex-basis: 33.3333333333%;
		-moz-flex-basis: 33.3333333333%;
		flex-basis: 33.3333333333%;
		max-width: 33.3333333333%;
	}
	.vivid.grid-wrapper .vivid.part.span-lg-5 {
		-ms-flex-preferred-size: 41.6666666667%;
		-webkit-flex-basis: 41.6666666667%;
		-moz-flex-basis: 41.6666666667%;
		flex-basis: 41.6666666667%;
		max-width: 41.6666666667%;
	}
	.vivid.grid-wrapper .vivid.part.span-lg-6 {
		-ms-flex-preferred-size: 50%;
		-webkit-flex-basis: 50%;
		-moz-flex-basis: 50%;
		flex-basis: 50%;
		max-width: 50%;
	}
	.vivid.grid-wrapper .vivid.part.span-lg-7 {
		-ms-flex-preferred-size: 58.3333333333%;
		-webkit-flex-basis: 58.3333333333%;
		-moz-flex-basis: 58.3333333333%;
		flex-basis: 58.3333333333%;
		max-width: 58.3333333333%;
	}
	.vivid.grid-wrapper .vivid.part.span-lg-8 {
		-ms-flex-preferred-size: 66.6666666667%;
		-webkit-flex-basis: 66.6666666667%;
		-moz-flex-basis: 66.6666666667%;
		flex-basis: 66.6666666667%;
		max-width: 66.6666666667%;
	}
	.vivid.grid-wrapper .vivid.part.span-lg-9 {
		-ms-flex-preferred-size: 75%;
		-webkit-flex-basis: 75%;
		-moz-flex-basis: 75%;
		flex-basis: 75%;
		max-width: 75%;
	}
	.vivid.grid-wrapper .vivid.part.span-lg-10 {
		-ms-flex-preferred-size: 83.3333333333%;
		-webkit-flex-basis: 83.3333333333%;
		-moz-flex-basis: 83.3333333333%;
		flex-basis: 83.3333333333%;
		max-width: 83.3333333333%;
	}
	.vivid.grid-wrapper .vivid.part.span-lg-11 {
		-ms-flex-preferred-size: 91.6666666667%;
		-webkit-flex-basis: 91.6666666667%;
		-moz-flex-basis: 91.6666666667%;
		flex-basis: 91.6666666667%;
		max-width: 91.6666666667%;
	}
	.vivid.grid-wrapper .vivid.part.span-lg-12 {
		-ms-flex-preferred-size: 100%;
		-webkit-flex-basis: 100%;
		-moz-flex-basis: 100%;
		flex-basis: 100%;
		max-width: 100%;
	}
	.vivid.grid-wrapper .vivid.part.span-lg-offset-1 {
		margin-left: 8.3333333333%;
	}
	.vivid.grid-wrapper .vivid.part.span-lg-offset-2 {
		margin-left: 16.6666666667%;
	}
	.vivid.grid-wrapper .vivid.part.span-lg-offset-3 {
		margin-left: 25%;
	}
	.vivid.grid-wrapper .vivid.part.span-lg-offset-4 {
		margin-left: 33.3333333333%;
	}
	.vivid.grid-wrapper .vivid.part.span-lg-offset-5 {
		margin-left: 41.6666666667%;
	}
	.vivid.grid-wrapper .vivid.part.span-lg-offset-6 {
		margin-left: 50%;
	}
	.vivid.grid-wrapper .vivid.part.span-lg-offset-7 {
		margin-left: 58.3333333333%;
	}
	.vivid.grid-wrapper .vivid.part.span-lg-offset-8 {
		margin-left: 66.6666666667%;
	}
	.vivid.grid-wrapper .vivid.part.span-lg-offset-9 {
		margin-left: 75%;
	}
	.vivid.grid-wrapper .vivid.part.span-lg-offset-10 {
		margin-left: 83.3333333333%;
	}
	.vivid.grid-wrapper .vivid.part.span-lg-offset-11 {
		margin-left: 91.6666666667%;
	}
	.vivid.grid-wrapper .vivid.part.span-lg-offset-12 {
		margin-left: 100%;
	}
	.vivid.grid-wrapper .vivid.part.span-lg {
		-ms-flex-positive: 1;
		-webkit-flex-grow: 1;
		-webkit-box-flex: 1;
		-moz-flex-grow: 1;
		flex-grow: 1;
		-ms-flex-preferred-size: 0;
		-webkit-flex-basis: 0;
		-moz-flex-basis: 0;
		flex-basis: 0;
		max-width: 100%;
	}
	.vivid.grid-wrapper .start-lg {
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		-webkit-justify-content: flex-start;
		-moz-justify-content: flex-start;
		justify-content: flex-start;
		text-align: left;
	}
	.vivid.grid-wrapper .center-lg {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		-webkit-justify-content: center;
		-moz-justify-content: center;
		justify-content: center;
		text-align: center;
	}
	.vivid.grid-wrapper .end-lg {
		-webkit-box-pack: end;
		-ms-flex-pack: end;
		-webkit-justify-content: flex-end;
		-moz-justify-content: flex-end;
		justify-content: flex-end;
		text-align: right;
	}
	.vivid.grid-wrapper .around-lg {
		-ms-flex-pack: distribute;
		-webkit-justify-content: space-around;
		-moz-justify-content: space-around;
		justify-content: space-around;
	}
	.vivid.grid-wrapper .between-lg {
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		-webkit-justify-content: space-between;
		-moz-justify-content: space-between;
		justify-content: space-between;
	}
	.vivid.grid-wrapper .top-lg {
		-webkit-box-align: start;
		-ms-flex-align: start;
		-webkit-align-items: flex-start;
		-moz-align-items: flex-start;
		align-items: flex-start;
	}
	.vivid.grid-wrapper .middle-lg {
		-webkit-box-align: center;
		-ms-flex-align: center;
		-webkit-align-items: center;
		-moz-align-items: center;
		align-items: center;
	}
	.vivid.grid-wrapper .bottom-lg {
		-webkit-box-align: end;
		-ms-flex-align: end;
		-webkit-align-items: flex-end;
		-moz-align-items: flex-end;
		align-items: flex-end;
	}
	.vivid.grid-wrapper .hide-lg {
		display: none;
	}
	.vivid.grid-wrapper .show-lg {
		display: flex;
	}
	.vivid.grid-wrapper .first-lg {
		order: -1;
	}
	.vivid.grid-wrapper .last-lg {
		order: 1;
	}
	.vivid.grid-wrapper .align-left-lg,
	.vivid.grid-wrapper .align-left-lg * {
		text-align: left;
	}
	.vivid.grid-wrapper .align-center-lg,
	.vivid.grid-wrapper .align-center-lg * {
		text-align: center;
	}
	.vivid.grid-wrapper .align-right-lg,
	.vivid.grid-wrapper .align-right-lg * {
		text-align: right;
	}
}
@media only screen and (min-width: 1600px) {
	.vivid.grid-wrapper .vivid.part.span-xl {
		-ms-flex-preferred-size: auto;
		-webkit-flex-basis: auto;
		-moz-flex-basis: auto;
		flex-basis: auto;
	}
	.vivid.grid-wrapper .vivid.part.span-xl-1 {
		-ms-flex-preferred-size: 8.3333333333%;
		-webkit-flex-basis: 8.3333333333%;
		-moz-flex-basis: 8.3333333333%;
		flex-basis: 8.3333333333%;
		max-width: 8.3333333333%;
	}
	.vivid.grid-wrapper .vivid.part.span-xl-2 {
		-ms-flex-preferred-size: 16.6666666667%;
		-webkit-flex-basis: 16.6666666667%;
		-moz-flex-basis: 16.6666666667%;
		flex-basis: 16.6666666667%;
		max-width: 16.6666666667%;
	}
	.vivid.grid-wrapper .vivid.part.span-xl-3 {
		-ms-flex-preferred-size: 25%;
		-webkit-flex-basis: 25%;
		-moz-flex-basis: 25%;
		flex-basis: 25%;
		max-width: 25%;
	}
	.vivid.grid-wrapper .vivid.part.span-xl-4 {
		-ms-flex-preferred-size: 33.3333333333%;
		-webkit-flex-basis: 33.3333333333%;
		-moz-flex-basis: 33.3333333333%;
		flex-basis: 33.3333333333%;
		max-width: 33.3333333333%;
	}
	.vivid.grid-wrapper .vivid.part.span-xl-5 {
		-ms-flex-preferred-size: 41.6666666667%;
		-webkit-flex-basis: 41.6666666667%;
		-moz-flex-basis: 41.6666666667%;
		flex-basis: 41.6666666667%;
		max-width: 41.6666666667%;
	}
	.vivid.grid-wrapper .vivid.part.span-xl-6 {
		-ms-flex-preferred-size: 50%;
		-webkit-flex-basis: 50%;
		-moz-flex-basis: 50%;
		flex-basis: 50%;
		max-width: 50%;
	}
	.vivid.grid-wrapper .vivid.part.span-xl-7 {
		-ms-flex-preferred-size: 58.3333333333%;
		-webkit-flex-basis: 58.3333333333%;
		-moz-flex-basis: 58.3333333333%;
		flex-basis: 58.3333333333%;
		max-width: 58.3333333333%;
	}
	.vivid.grid-wrapper .vivid.part.span-xl-8 {
		-ms-flex-preferred-size: 66.6666666667%;
		-webkit-flex-basis: 66.6666666667%;
		-moz-flex-basis: 66.6666666667%;
		flex-basis: 66.6666666667%;
		max-width: 66.6666666667%;
	}
	.vivid.grid-wrapper .vivid.part.span-xl-9 {
		-ms-flex-preferred-size: 75%;
		-webkit-flex-basis: 75%;
		-moz-flex-basis: 75%;
		flex-basis: 75%;
		max-width: 75%;
	}
	.vivid.grid-wrapper .vivid.part.span-xl-10 {
		-ms-flex-preferred-size: 83.3333333333%;
		-webkit-flex-basis: 83.3333333333%;
		-moz-flex-basis: 83.3333333333%;
		flex-basis: 83.3333333333%;
		max-width: 83.3333333333%;
	}
	.vivid.grid-wrapper .vivid.part.span-xl-11 {
		-ms-flex-preferred-size: 91.6666666667%;
		-webkit-flex-basis: 91.6666666667%;
		-moz-flex-basis: 91.6666666667%;
		flex-basis: 91.6666666667%;
		max-width: 91.6666666667%;
	}
	.vivid.grid-wrapper .vivid.part.span-xl-12 {
		-ms-flex-preferred-size: 100%;
		-webkit-flex-basis: 100%;
		-moz-flex-basis: 100%;
		flex-basis: 100%;
		max-width: 100%;
	}
	.vivid.grid-wrapper .vivid.part.span-xl-offset-1 {
		margin-left: 8.3333333333%;
	}
	.vivid.grid-wrapper .vivid.part.span-xl-offset-2 {
		margin-left: 16.6666666667%;
	}
	.vivid.grid-wrapper .vivid.part.span-xl-offset-3 {
		margin-left: 25%;
	}
	.vivid.grid-wrapper .vivid.part.span-xl-offset-4 {
		margin-left: 33.3333333333%;
	}
	.vivid.grid-wrapper .vivid.part.span-xl-offset-5 {
		margin-left: 41.6666666667%;
	}
	.vivid.grid-wrapper .vivid.part.span-xl-offset-6 {
		margin-left: 50%;
	}
	.vivid.grid-wrapper .vivid.part.span-xl-offset-7 {
		margin-left: 58.3333333333%;
	}
	.vivid.grid-wrapper .vivid.part.span-xl-offset-8 {
		margin-left: 66.6666666667%;
	}
	.vivid.grid-wrapper .vivid.part.span-xl-offset-9 {
		margin-left: 75%;
	}
	.vivid.grid-wrapper .vivid.part.span-xl-offset-10 {
		margin-left: 83.3333333333%;
	}
	.vivid.grid-wrapper .vivid.part.span-xl-offset-11 {
		margin-left: 91.6666666667%;
	}
	.vivid.grid-wrapper .vivid.part.span-xl-offset-12 {
		margin-left: 100%;
	}
	.vivid.grid-wrapper .vivid.part.span-xl {
		-ms-flex-positive: 1;
		-webkit-flex-grow: 1;
		-webkit-box-flex: 1;
		-moz-flex-grow: 1;
		flex-grow: 1;
		-ms-flex-preferred-size: 0;
		-webkit-flex-basis: 0;
		-moz-flex-basis: 0;
		flex-basis: 0;
		max-width: 100%;
	}
	.vivid.grid-wrapper .start-xl {
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		-webkit-justify-content: flex-start;
		-moz-justify-content: flex-start;
		justify-content: flex-start;
		text-align: left;
	}
	.vivid.grid-wrapper .center-xl {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		-webkit-justify-content: center;
		-moz-justify-content: center;
		justify-content: center;
		text-align: center;
	}
	.vivid.grid-wrapper .end-xl {
		-webkit-box-pack: end;
		-ms-flex-pack: end;
		-webkit-justify-content: flex-end;
		-moz-justify-content: flex-end;
		justify-content: flex-end;
		text-align: right;
	}
	.vivid.grid-wrapper .around-xl {
		-ms-flex-pack: distribute;
		-webkit-justify-content: space-around;
		-moz-justify-content: space-around;
		justify-content: space-around;
	}
	.vivid.grid-wrapper .between-xl {
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		-webkit-justify-content: space-between;
		-moz-justify-content: space-between;
		justify-content: space-between;
	}
	.vivid.grid-wrapper .top-xl {
		-webkit-box-align: start;
		-ms-flex-align: start;
		-webkit-align-items: flex-start;
		-moz-align-items: flex-start;
		align-items: flex-start;
	}
	.vivid.grid-wrapper .middle-xl {
		-webkit-box-align: center;
		-ms-flex-align: center;
		-webkit-align-items: center;
		-moz-align-items: center;
		align-items: center;
	}
	.vivid.grid-wrapper .bottom-xl {
		-webkit-box-align: end;
		-ms-flex-align: end;
		-webkit-align-items: flex-end;
		-moz-align-items: flex-end;
		align-items: flex-end;
	}
	.vivid.grid-wrapper .hide-xl {
		display: none;
	}
	.vivid.grid-wrapper .show-xl {
		display: flex;
	}
	.vivid.grid-wrapper .first-xl {
		order: -1;
	}
	.vivid.grid-wrapper .last-xl {
		order: 1;
	}
	.vivid.grid-wrapper .align-left-xl,
	.vivid.grid-wrapper .align-left-xl * {
		text-align: left;
	}
	.vivid.grid-wrapper .align-center-xl,
	.vivid.grid-wrapper .align-center-xl * {
		text-align: center;
	}
	.vivid.grid-wrapper .align-right-xl,
	.vivid.grid-wrapper .align-right-xl * {
		text-align: right;
	}
}