/*!
Theme Name: dktheme
Theme URI: http://www.underdog.ca
Author: Underdog Studio Ltd.
Author URI: http://underdog.ca
Description: Theme built for Diamond Kote
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: dktheme
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

dktheme is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Style Declarations
# Typography
# Elements
# Forms
# Navigation
    ## Links
    ## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
    ## Posts and pages
    ## Comments
# Infinite scroll
# Media
    ## Captions
    ## Galleries
# Javascript
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
/* normalize.css v8.0.0 | 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; /* 1 */
    -webkit-text-size-adjust: 100%; /* 2 */
}

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

/**
 * Remove the margin in all browsers.
 */

body {
    margin: 0;
}

.entry-content {
    background: rgb(71,115,185);
}


/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

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

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
    box-sizing: content-box; /* 1 */
    height: 0; /* 1 */
    overflow: visible; /* 2 */
}

/**
 * 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; /* 1 */
    font-size: 1em; /* 2 */
}

/* 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; /* 1 */
    text-decoration: underline; /* 2 */
    text-decoration: underline dotted; /* 2 */
}

/**
 * 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; /* 1 */
    font-size: 1em; /* 2 */
}

/**
 * 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;
}

img[src*='.svg']{
    width: 100%;
    height: auto;
}

/* 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; /* 1 */
    font-size: 100%; /* 1 */
    line-height: 1.15; /* 1 */
    margin: 0; /* 2 */
}

button,
select {
    cursor: pointer;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
    overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
    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; /* 1 */
    color: inherit; /* 2 */
    display: table; /* 1 */
    max-width: 100%; /* 1 */
    padding: 0; /* 3 */
    white-space: normal; /* 1 */
}

/**
 * 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; /* 1 */
    padding: 0; /* 2 */
}

/**
 * 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; /* 1 */
    outline-offset: -2px; /* 2 */
}

/**
 * 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; /* 1 */
    font: inherit; /* 2 */
}

form.search-form label,
.dealer-search-bar-inner #dealer-search label {
    position:absolute;
    top:-9999px;
    left:-9999px;
}
/* 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;
}

.break-all {
	display: inline-block; /* IE */
	-ms-word-break: break-all; /* IE */
	word-break: break-all;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
optgroup,
textarea {
    color: #404040;
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    font-size: 1rem;
}

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

p {
    /* margin-bottom: 1.5em; */
}

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;
    font-size: 15px;
    font-size: 0.9375rem;
    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;
    font-size: 15px;
    font-size: 0.9375rem;
}

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

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

big {
    font-size: 125%;
}

/*--------------------------------------------------------------
# Style Declarations
--------------------------------------------------------------*/

/*DK Style Reference*/

/*
Light blue: #C5D4EE
Mid Blue: #4773BA
Dark Blue: #162958
Dark Grey: #6E6E6E
Light Grey: #888B8D
Red: #971B2F

blue swoosh= #dde8f6
*/

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
    box-sizing: border-box;
}

*,
*:before,
*:after {
    /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
    box-sizing: inherit;
}

body {
    background: #fff;
    padding-top: 50px;
    /* Fallback for when there is no custom background color defined. */
}

@media screen and (min-width: 1200px) {
    body {
        padding-top: 80px;
    }
}

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

ul, ol {
    margin: 0 0 1.5em 3em;
}

ul {
    list-style: none;
}

ol {
    list-style: decimal;
}

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

dt {
    font-weight: bold;
}

dd {
    margin: 0 1.5em 1.5em;
}

img {
    height: auto;
    /* Make sure images are scaled correctly. */
    max-width: 100%;
    /* Adhere to container width. */
}

figure {
    margin: 1em 0;
    /* Extra wide images within figure tags don't overflow the content area. */
}

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

.default-width {
	width: 100%;
	max-width: 1230px;
	margin: 0 auto;
	padding-right: 15px;
	padding-left: 15px;
}

.hidden {
	display: none !important;
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
form 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);
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 1;
    padding: .6em 1em .4em;
}

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

form button:active,
form 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: #666;
    border: 1px solid #ccc;
    border-radius: 3px;
    padding: 3px;
}

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 #ccc;
}

textarea {
    width: 100%;
}
/* Newsletter Footer Form Styles - Dev */

.newsletter-signup {
    background-color: #7195d3;
    padding: 30px;
    display: flex;
    flex-flow: column;
}

.newsletter-text img {
  width: 70px;
  float: left;
}

.newsletter-text {
    display: flex;
    flex-flow: column;
    align-items: center;
    text-align: center;
    color: #162958;
    font-size: 12px;
}

.newsletter-text > div {
	width: 100%; /* IE */
}

.newsletter-text h2 {
/*    color: #fff;*/
    color: #162958;
    font-size: 30px;
    margin: 10px 0 0;
    letter-spacing: 1px;
    font-weight: 600;
}
.newsletter-text p {
    color: #162958;
    font-size: 16px;
    margin-top: 8px;
}

.newsletter-form {
    clear: both;
}

.newsletter-form button {
    text-align: center;
    width: 100%;
    font-size: 14px;
/*    border: 1px solid #fff;
    color: #fff;*/
    border: 1px solid #162958;
    color: #162958;
    font-family: 'Poppins', sans-serif;
    text-align: center;
    margin: 17px 0 0;
	height: 35px;
	border-radius: 0;
	background-color: transparent;
	transition: all 0.3s;
}

.newsletter-form button:hover {
    border-color: #162958;
    color: #162958;
	background-color: #fff;
}

.newsletter-form input {
    padding: 10px;
    height: 35px;
    width: 100%;
    border-radius: 0px;
    border: none;
    outline: none;
}
.newsletter-form label {
  font-size: 10px;
/*  color: #FFF;*/
  color: #162958;
}

.newsletter-form p {
    text-align: center;
}

@media screen and (min-width: 768px) {
    .newsletter-form {
        margin: auto;
        width: 100%;
        max-width: 700px;
        display: flex;
    }

    .newsletter-form div,
    .newsletter-form button {
        width: 0;
        flex-basis: 100px;
        flex-grow: 1;
        margin-right: 20px;
    }
    .newsletter-form button {
		height: auto;
        margin-right: 0;
    }
}

@media only screen and (min-width: 1330px) {
    .newsletter-signup {
        padding: 50px 36px;
        flex-flow: row;
        justify-content: space-between;
        align-items: center;
    }
    .newsletter-signup__in {
        width: 100%;
        max-width: 1200px;
        display: flex;
        margin: auto;
        flex-flow: row;
        justify-content: space-between;
        align-items: center;
    }
    .newsletter-form p {
        display: none;
    }
    .newsletter-text {
        flex-flow: row;
        align-items: center;
        text-align: left;
        padding-right: 20px;
    }
    .newsletter-text img {
        margin-right: 20px;
    }
    .newsletter-text h2 {
        margin-top: 0;
    }
    .newsletter-text p {
        margin-bottom: 0;
    }
    .newsletter-form {
        display: flex;
        align-items: flex-end;
        margin: 0;
        width: auto;
        max-width: none;
    }
    .newsletter-form div {
        margin-right: 15px;
        width: auto;
        flex-basis: auto;
        flex-grow: 0;
    }
    .newsletter-form button {
        width: 100%;
        max-width: 150px;
        flex-basis: auto;
        flex-grow: 0;
        padding-bottom: 10px;
    }
    .newsletter-form label {
        font-size: 20px;
    }
}


/* Footer */
.bottom-menu {
  text-align: center;
  margin-top: 30px;
}
#ubermenu-footer-17 li {
  float: none;
  width: 45%;
  margin-right: 2.5%;
  margin-left: 2.5%;
  margin-bottom: 10px;
  text-align: center;
}
#ubermenu-footer-17 li a {
  padding: 10px;
  background: #162958;
  color: white !important;
}
#menu-item-7363 { /* ?? */
  display: none;
}
.bottom-menu a {
    color: #162958;
    text-decoration: none;
}
@media only screen and (min-width: 768px) {
    .bottom-menu .footer-phone {
        display: none;
    }
    .bottom-menu img {
        float: left;
        margin-left: 25px;
    }
    .bottom-menu p {
       float: left;
       margin-top: 4px;
       font-size: 12px;
       color:  #162958;
       margin-left: 20px;
    }
    .bottom-menu .ubermenu-footer {
        float: right;
        margin-top: 0;
    }
    body .bottom-menu #ubermenu-nav-footer-17 {
        display: flex;
        flex-wrap: nowrap;
    }
    body .bottom-menu #ubermenu-footer-17 li {
        margin: 0px;
    }
    body .bottom-menu #ubermenu-footer-17 li a {
       background: none;
       color:  #162958 !important;
       font-weight: bold;
       white-space: nowrap;
    }
}
/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
    color: royalblue;
}

a:visited {
    color: #162958;
}

a:hover, a:focus, a:active {
    color: midnightblue;
}

/*a:focus {
    outline: thin dotted;
}*/

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

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
/* z-index fix - Dev */

#header{
  position:relative;
  z-index:50;
}
#content{
  position:relative;
  z-index:30;
  overflow: hidden;
}

/* end z-index fix */


/* Sub menu */
.submenu-nav {
	position: relative;
	padding: 0 30px;
	background-color: #162958;
	z-index: 9999;
	-webkit-box-shadow: 0 5px 15px 0 rgba(0,0,0,.15);
	-moz-box-shadow: 0 5px 15px 0 rgba(0,0,0,.15);
	box-shadow: 0 5px 15px 0 rgba(0,0,0,.15);
}

.submenu {
	display: flex;
	flex-direction: column;
	margin: 0;
	padding: 0;
}

.submenu li {
	height: 5.125em;
}

.submenu li + li {
	border-top: 1px solid rgba(255,255,255,0.25);
}

.submenu li a {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	padding: 0 1em;
	color: #fff;
	font-weight: 600;
	text-decoration: none;
	line-height: 1.2;
	text-align: center;
	transition: all 0.3s;
}

.submenu li a:hover {
	background-color: rgba(255,255,255,0.2);
}

.submenu li a span {
    position: relative;
    top: 50%;
    display: block;
    transform: translateY(-50%);
}

@media screen and (min-width: 768px) {
	.submenu-wrapper,
	.submenu {
		height: 6.5em;
	}

	.submenu {
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: space-around;
		align-content: space-between;
	}

	.submenu li {
		height: 2.875em;
		flex: 1 0 auto;
	}

	.submenu li + li {
		border-top: none;
		border-left: 1px solid rgba(255,255,255,0.3);
	}

	body.sticky-submenu .honest-navigation,
	body.sticky-submenu .honest-navigation-desktop {
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
	}

	body.sticky-submenu .submenu-nav {
		position: fixed;
		left: 0;
		right: 0;
	}
}

@media screen and (min-width: 768px) and (max-width: 1239px) {
	/* force wrap: */
	.submenu::before, .submenu::after {
	  content: '';
	  width: 100%;
	  order: 1;
	}

	.submenu li:nth-child(n + 4) {
	  order: 2;
	}

	.submenu li:nth-child(4) {
		border-left: none;
	}
}

@media screen and (min-width: 1240px) {
	.submenu-wrapper,
	.submenu {
		height: 3.875em;
	}

	.submenu li {
		height: 100%;
	}
}

/*--------------------------------------------------------------
# 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; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.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: 14px;
    font-size: 0.875rem;
    font-weight: bold;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
    /* Above WP toolbar. */
}

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

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
    display: inline;
    float: left;
    margin-right: 1.5em;
}

.alignright {
    display: inline;
    float: right;
    margin-left: 1.5em;
}

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

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
    content: "";
    display: table;
    table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
    clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
    margin: 0 0 1.5em;
    /* Make sure select elements fit in widgets. */
}

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

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/

.sticky {
    display: block;
}

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

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

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

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
    /* Theme Footer (when set to scrolling) */
    display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
    display: block;
}

/*--------------------------------------------------------------
# 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 embeds and iframes fit their containers. */
embed,
iframe,
object {
    max-width: 100%;
}

/* 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;
}

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

.gallery-columns-2 .gallery-item {
    max-width: 50%;
}

.gallery-columns-3 .gallery-item {
    max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
    max-width: 25%;
}

.gallery-columns-5 .gallery-item {
    max-width: 20%;
}

.gallery-columns-6 .gallery-item {
    max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
    max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
    max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
    max-width: 11.11%;
}

.gallery-caption {
    display: block;
}

/*--------------------------------------------------------------
# Javascript
--------------------------------------------------------------*/



/*--------------------------------------------------------------
# Home
--------------------------------------------------------------*/

/*DK Style Reference*/

/*
Light blue: #C5D4EE
Mid Blue: #4773BA
Dark Blue: #162958
Dark Grey: #6E6E6E
Light Grey: #888B8D
Red: #971B2F
*/

.entry-content {
    background: #FFFFFF;
}

.ubermenu-searchform {
border-radius: 12.5px;
border: 1px solid black;
}

a {
color: black;
}

section {
}

h1 {
color: #162958;
font-size: 32px;
}

h2 {
color: #162958;
font-size: 24px;
}

h3 {
color: #FFFFFF;
}

p {
/*font-family: 'PT Sans', sans-serif;*/
font-size: 14px;
}

.header-callout {
position: relative;
}

.callout-text {
  text-align: right;
  position: absolute;
  padding-left: 35%;
  padding-right: 10%;
  margin-top: 40px;
  top: 0;
  right: 0;
  color: #162958;
}


.header-button {
    margin-top: 30px;
    padding: 10px 12px;
    color: #162958;
    border-color: #162958;
}


.product-finder {
padding-left: 10%;
padding-right: 10%;
margin-top: 80px;
}

.product-finder:after {
content: "";
display: table;
clear: both;
}

.product-finder {
padding-top: 50px;
}

.product-finder-text {
float: left;
}

.product-finder .product-finder-text {
background-color: #162958;
padding: 6%;
}

.product-finder .product-finder-text h1, .product-finder .product-finder-text h2, .product-finder .product-finder-text p {
color: #FFFFFF;
}

.product-finder-text p {
    font-size: 14px;
    line-height: 18px;
}

.product-carousel {
padding-top: 40px;
width: 45%;
float: right;
}
.product-carousel img {
width: 500px;
height: 350px;
}

.product-finder .product-carousel {

}

.product-finder .product-finder-btn button {
    color: #FFF;
    border-color: #FFF;
}

/*--------------------------------------------------------------
# Reviews
--------------------------------------------------------------*/


.single-carousel {
    height: 500px;
}

#carousel-top-panel {
display: none;
}

.yotpo-label {
display: none;
}

.dealer-callout {
    position: relative;
}

.dealer-callout img {
    width: auto;
    max-width: none;
    height: 100vh;
    margin-bottom: -20px;
}

.dealer-text {
position: absolute;
top: 40%;
text-align: center;
}

.dealer-text h2 {
font-size: 36px;
color: #FFF;
padding-bottom: 20px;
}
.dealer-text button {
    border-color: #fff;
    color: #fff;
    font-weight: 600;
}

button {
    padding: 10px 18px 8px;
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    color: #162958;
	font-weight: 600;
    border: 1px solid #162958;
    border-radius: 0;
    background: none;
    box-shadow: 0px 0px 2px -1px;
	outline-offset: 2px;
}

button:hover {
color: #b2b2b2;
border-color: #b2b2b2;
}

button.inverted {
    border: 1px solid #fff;
    color: #fff;
    font-weight: normal;
}

.default-button,
.carousel-video a {
	display: inline-block;
	padding: 10px 18px;
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
	color: #162958;
    font-weight: 600;
	text-align: center;
	line-height: 1.15;
	background-color: #fff;
    border: 1px solid #162958;
    border-radius: 0;
	box-shadow: 0px 0px 2px -1px;
	transition: all 0.3s;
	text-shadow: none;
    text-decoration: none;
	cursor: pointer;
	transition: all 0.3s !important;
}

.default-button:focus,
.default-button:hover,
.carousel-video a :focus,
.carousel-video a :hover {
	color: #fff;
	background-color: #162958;
	border-color: #fff;
	border-width: 1px;
	opacity: 1 !important;
}

.default-button:focus,
.carousel-video a:focus {
    outline: thin dotted #333;
    outline: 1px solid -webkit-focus-ring-color;
}

.default-button:active,
.carousel-video a:active {
	outline: 0;
}

.default-button.trans-button,
.carousel-video a {
	color: #fff;
	background-color: transparent;
	border-color: #fff;
}

.default-button.trans-button:focus,
.default-button.trans-button:hover,
.carousel-video a:focus,
.carousel-video a:hover {
	color: #162958;
	background-color: #fff;
	border-color: #162958;
}

/*--------------------------------------------------------------
# Category Page (Auto, RV, Marine)
--------------------------------------------------------------*/

/*.row-fullwidth {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-evenly;
    align-items: center;
}*/

.text-m {
	display: none;
}

/* ETS - not used
.yotpo-small {
padding-top: -20px;
}

.shape-float1 {
position: absolute;
top: 300px;
right: 0px;
width: 600px;
height: 600px;
z-index: -10;
}*/

body .ubermenu-faux_nav .ubermenu-item-level-0 > .ubermenu-target {
    font-size: 16px;
    padding: 12px;
}

/* ETS - not used
.benefits-text h2 {
color: #FFF;
}

.benefits-text p {
color: #FFF;
}

.benefits-text {
padding-left: 20px;
position: absolute;
top: 140px;
left: 140px;
width: 360px;
height: 260px;
}

.shape-float3 {
position: absolute;
top: 0;
left: 0;
width: 600px;
height: 600px;
z-index: -10;
}

.types-nav {
    -webkit-box-shadow: 0px 10px 30px -5px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 10px 30px -5px rgba(0,0,0,0.75);
box-shadow: 0px 10px 30px -5px rgba(0,0,0,0.75);
}

.float-shape1 {
height: 100%;
width: 100%;
position: absolute;
left: 220px;
top: 200px;
}*/

body .ubermenu-coverage,
.ubermenu-coverage .ubermenu-target,
.ubermenu-coverage .ubermenu-nav .ubermenu-item-level-0 .ubermenu-target {
    font-family: 'Poppins' !important;
    font-size: 14px;
    font-weight: 600 !important;
}

@media only screen and (min-width: 768px) {
    body .ubermenu-coverage {
        margin-top: 0px;
    }
    body .ubermenu-coverage .ubermenu-target-text {
        opacity: 1;
    }
    body .ubermenu-coverage .ubermenu-item-level-0 > .ubermenu-target {
        padding-top: 20px;
        padding-bottom: 20px;
    }
}

body .plan-reviews .yotpo .yotpo-nav {
    display: none;
}
.plan-reviews .yotpo .yotpo-bottomline .yotpo-icon-star,
.plan-reviews .yotpo .yotpo-bottomline .yotpo-icon-half-star,
.plan-reviews .yotpo .yotpo-bottomline .yotpo-icon-empty-star,
.plan-reviews .yotpo.yotpo-main-widget .yotpo-bottomline.yotpo-bottomline-2-boxes .yotpo-bottomline-box-2 .yotpo-star-distribution .yotpo-star-distribution-content .yotpo-distibutions-stars .review-stars .yotpo-icon-star,
.plan-reviews .yotpo.yotpo-main-widget .yotpo-bottomline.yotpo-bottomline-2-boxes .yotpo-bottomline-box-2 .yotpo-star-distribution .yotpo-star-distribution-content .yotpo-distibutions-stars .review-stars .yotpo-icon-empty-star,
.plan-reviews .yotpo.yotpo-main-widget .yotpo-bottomline.yotpo-bottomline-2-boxes .yotpo-bottomline-box-2 .yotpo-star-distribution .yotpo-star-distribution-content .yotpo-distibutions-sum-reviews .yotpo-sum-reviews
{
    color: #162957;
}
.plan-reviews .yotpo.yotpo-main-widget .yotpo-bottomline .based-on{
    color: #162957;
}
.plan-reviews .yotpo.yotpo-main-widget .yotpo-bottomline.yotpo-bottomline-2-boxes .yotpo-bottomline-box-2 .yotpo-star-distribution .yotpo-star-distribution-content .yotpo-distributions-graphs .yotpo-star-distribution-graph .yotpo-star-distribution-score-wrapper .yotpo-star-distribution-graph-score {
    background-color:  #162957;
}
body .plan-reviews .yotpo .yotpo-regular-box:first-child {
    border-top: none;
    display: flex;
    justify-content: center;
    padding: 30px 0px 55px;
}
.plan-reviews .yotpo.yotpo-main-widget .yotpo-bottomline.yotpo-bottomline-2-boxes .yotpo-default-button.write-question-button,
.plan-reviews .yotpo.yotpo-main-widget .yotpo-bottomline.yotpo-bottomline-2-boxes .yotpo-default-button.write-review-button {
    display: none;
}
.plan-reviews .yotpo.yotpo-main-widget .yotpo-bottomline.yotpo-bottomline-2-boxes .yotpo-bottomline-box-2 .yotpo-star-distribution {
    border-left: 1px solid  #162957;
}
.plan-reviews .yotpo.yotpo-main-widget .yotpo-bottomline.yotpo-bottomline-2-boxes .yotpo-bottomline-box-2 .yotpo-star-distribution .yotpo-star-distribution-content {
    margin-bottom: 0px;
}
.plan-reviews .yotpo.yotpo-main-widget.yotpo-medium .yotpo-bottomline.yotpo-bottomline-2-boxes .yotpo-bottomline-box-1 .yotpo-default-button.write-review-button,
.yotpo.yotpo-main-widget.yotpo-medium .yotpo-bottomline.yotpo-bottomline-2-boxes .yotpo-bottomline-box-1 .yotpo-default-button.write-question-button {
    display: none;
}

@media only screen and (max-width: 767px) {
/*    .addons-column-big {
        width: 360px;
    }*/
    body .plan-reviews .yotpo .yotpo-regular-box:first-child {
        flex-direction: column;
        margin-top: 0;
        padding-bottom: 0;
    }
    body .plan-reviews .yotpo .yotpo-regular-box {
        border-top: none;
        margin: 0px;
    }
}


/*--------------------------------------------------------------
# Who We Are/Our Partners
--------------------------------------------------------------*/

.who-header {
padding-top: 80px;
background-color: #D6D6D6;
padding-bottom: 80px;
}

.who-header h1 {
margin-left: 10%;
margin-right: 40%;
}

.who-header p {
margin-left: 10%;
margin-right: 40%;
}

.who-paragraph:after {
content: "";
display: table;
clear: both;
}

.who-paragraph {
margin-left: 10%;
margin-right: 10%;
padding-top: 60px;
padding-bottom: 60px;
vertical-align: middle;
}

.who-paragraph p {
width: 70%;
float: left;
padding-top: 30px;
}


.who-image img {
float: right;
width: 180px;
height: 180px;
}

.who-video {
text-align: center;
margin-left: 10%;
margin-right: 10%;
padding-bottom: 60px;
}

.partners-header {
text-align: center;
padding-top: 60px;
padding-bottom: 60px;
}

.partners-box {
padding-top: 60px;
margin-left: 10%;
margin-right: 10%;
padding-bottom: 60px;
}

.partners-box:after {
content: "";
display: table;
clear: both;
}

.partners-SAL {
float: right;
width: 70%;
}

.sal-image img {
float: left;
width: 180px;
height: 180px;
}

.partners-CADA {
padding-top: 60px;
background-color: #D6D6D6;
padding-left: 10%;
padding-right: 10%;
padding-bottom: 60px;
}

.partners-CADA p {
margin-right: 40%;
}

.partners-RVDA {
padding-top: 60px;
margin-left: 10%;
margin-right: 10%;
padding-bottom: 60px;
}

/*--------------------------------------------------------------
# Contact Us
--------------------------------------------------------------*/

.contact-header {
text-align: center;
background-color: #C5D4EE;
padding-top: 40px;
padding-bottom: 40px;
}

.contact-form {
margin-left: 10%;
padding-top: 60px;
padding-bottom: 60px;
}

.contact-form:after {
content: "";
display: table;
clear: both;
}

.contact-form a {
    margin-right: 20px;
    text-decoration: none;
}
.contact-form a:hover {
    text-decoration: underline;
}

.contact-text {
float: left;
width: 40%;
}

.contact-text h2 {
}

.contact-text a {
    margin-right:0px;
    font-weight:bold;
}
.form-box {
width: 40%;
float: right;
margin-right: 10%;
}

.office-locations {
padding-top: 20px;
margin-left: 10%;
margin-right: 10%;
padding-bottom: 20px;
}

.office-row:after {
content: "";
display: table;
clear: both;
}

.office-map {
float: left;
}

@media all and (max-width: 767px) {
    .office-locations {
        padding-top: 0;
        padding-bottom: 0;
    }

    .office-map {
        float: none;
    }
}

.office-map img {
height: 300px;
width: 420px;
}

.office-text {
margin-left: 20px;
float: right;
width: 40%;
}

.office-text:after {
content: "";
display: table;
clear: both;
}

.office-address {
float: left;
}

.office-people {
float: right;
width: 30%;
}

.claim-submission {
padding: 20px 15px;
background-color: #C5D4EE;
text-align: center;
}

@media screen and (min-width: 768px) {
    .claim-submission {
        padding: 20px 0;
    }
}

.claim-submission button/*,
.claim-submission a*/ {
    border: 1px solid #fff;
}

.claim-submission button:hover/*,
.claim-submission a:hover*/ {
    box-shadow: 0px 0px 0px 2px #fff;
}

.reminder-text {
padding-top: 40px;
text-align: center;
padding-bottom: 40px;
}

/*--------------------------------------------------------------
# Blog
--------------------------------------------------------------*/

.blog-header {
background-color: #C5D4EE;
text-align: center;
padding-top: 40px;
padding-bottom: 40px;
margin-bottom: 20px;
}

.blog-slider {
margin-left: 10%;
margin-right: 10%;
}

.blog-recent {
margin-left: 10%;
margin-right: 10%;
}

.content-container {
position: relative;
content: "";
display: table;
clear: both;
margin-left: 10%;
margin-right: 10%;
}

/*--------------------------------------------------------------
# Blog Post
--------------------------------------------------------------*/
.blog-entry-header {
background-color: #C5D4EE;
text-align: center;
padding-top: 40px;
padding-bottom: 40px;
margin-bottom: 40px;
}

.blog-entry-content {
content: "";
display: table;
clear: both;
margin-left: 10%;
margin-right: 10%;
}

.post-thumbnail {
padding-top: 12px;
float: left;
}

.post-thumbnail img {
height: 200px;
width: 400px;
}

.blog-entry-text {
float: right;
width: 45%;
}

.blog-related-posts {
margin-left: 10%;
margin-right: 10%;
}

.blog-entry-meta {
margin-top: 20px;
text-align: center;
font-size: 10px;
color: #FFFFFF;
margin-bottom: -20px;
}

.blog-entry-meta a {
text-decoration: none;
color: #FFFFFF;
}

/*--------------------------------------------------------------
# Dealer Locator (Dealer Page)
--------------------------------------------------------------*/

.dealer-content-area {
content: "";
display: table;
clear: both;
}

.dealer-entry-header {
width: 40%;
}

.dealer-content {
background: #D6D6D6;
margin-top: -20px;
}

.dealer-entry-text {
    content: "";
    display: table;
    clear: both;
    width: 100%;
    position: relative;
}

.store_locator_single_categories {
display: none;
}

.store_locator_single_filter {
display: none;
}

.store_locator_single_address {
display: inline;
    width: 20%;
}

.store_locator_single_contact {
display: inline;
    width: 20%;
}

.store_locator_single_clear {
display: inline;
    width: 20%;
}

.store_locator_single_contact_store {
position: absolute;
    width: 30%;
    bottom: 0;
    left: 0;
}

.store_locator_single_map {
float: right;
width: 50%;
margin-top: -165px;
height: 800px;
}

#store_locator_address_field {
    background-color:  #162958;
    color: #FFF;
    font-family: 'Poppins', sans-serif, bold;
    padding: 30px;
    font-size: 1.1em;
}

/*--------------------------------------------------------------
# Dealer Locator (Map)
--------------------------------------------------------------*/

/* .store_locator_details h3 {
color: #000000;
}

.store_locator_details a {
text-decoration: none;
}

.store_locator_filter {
}

.store_locator_search_box {
width: 100%;
}

.store_locator_result_list {
}

.store_locator_row::after {
    content: "";
    display: table;
    clear: both;
    position: relative;
}

.store_locator_main {
height: 700px;
margin-bottom: -80px;
}

.store-locator-col-xs-12 {

}

.store_locator_find_stores_button {
width: 10px;
display: inline;
padding: 10px 35px 10px 10px;
float: left;
margin-top: 10px;
margin-bottom: 15px;
}

.store_locator_address_field {
width: 75%;
}

#store_locator_get_my_position {

}

.fa-search {
font-size: 2em;
margin: 0;
padding: 0;
}

.store-locator-search-bar {
background-color: #C5D4EE;
margin-top: -30px;
padding-top: 20px;
}

.filter-list {
position: absolute;
right: 0;
top: -15px;
padding-top: 25px;
}

.filter-list-item {
    float: left;
}

.store_locator_filter_categories {
}

.store_locator_dragged_button {
display: none;
text-transform: uppercase;
font-weight: bold;
background-color: #C5D4EE;
margin-top: 30px;
margin-bottom: 670px;
border: 2px solid black;
padding: 5px 5px 25px 5px;
top: 0;
cursor: pointer;
}


.store_locator_sidebar {
overflow: scroll;
min-height: 100%;
}
*/

.store_locator_sidebar_content {
height: 100%;
}

.store_locator_filter_content:nth-child(-n+2) {
    display: none;
}

#results-email {
    display: none;
}

/*--------------------------------------------------------------
# Blog (Ajax Function)
--------------------------------------------------------------*/

/*
 * Ajax Load More
 * http://wordpress.org/plugins/ajax-load-more/
 *
 * Copyright 2015-2017 Connekt Media - https://connekthq.com
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Author: Darren Cooney
 * Twitter: @KaptonKaos
*/

.alm-btn-wrap .alm-load-more-btn {
  font-size: 15px;
  font-weight: 600;
  width: auto;
  height: 42px;
  line-height: 42px;
  background: #ed7070;
  color: #fff;
  border: none;
  border-radius: 3px;
  margin: 0 0 4px;
  padding: 0 20px;
  display: inline-block;
  position: relative;
  -webkit-transition: padding 0.25s ease-in-out, width 0.25s ease-in-out;
  transition: padding 0.25s ease-in-out, width 0.25s ease-in-out;
  text-align: center;
  text-decoration: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
  /* Loading */
  /* Loaded / Done */
  /* Loading Icon */
  /* Loading :before */ }
  .alm-btn-wrap .alm-load-more-btn:hover {
    background-color: #e06464;
    color: #fff;
    text-decoration: none; }
  .alm-btn-wrap .alm-load-more-btn:active {
    -webkit-box-shadow: inset 0 2px 1px rgba(0, 0, 0, 0.1);
            box-shadow: inset 0 2px 1px rgba(0, 0, 0, 0.1);
    text-decoration: none; }
  .alm-btn-wrap .alm-load-more-btn:focus, .alm-btn-wrap .alm-load-more-btn:active {
    outline: none; }
  .alm-btn-wrap .alm-load-more-btn.loading {
    padding-left: 44px; }
  .alm-btn-wrap .alm-load-more-btn.done {
    cursor: default;
    opacity: 0.2;
    background-color: #ed7070;
    outline: none !important;
    -webkit-box-shadow: none !important;
            box-shadow: none !important; }
  .alm-btn-wrap .alm-load-more-btn:before, .alm-btn-wrap .alm-load-more-btn.done:before {
    background: none;
    width: 0; }
  .alm-btn-wrap .alm-load-more-btn.loading:before {
    background: #fff url("../../img/ajax-loader.gif") no-repeat center center;
    width: 30px;
    height: 30px;
    margin: 6px;
    border-radius: 2px;
    display: inline-block;
    z-index: 0;
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    overflow: hidden;
    -webkit-transition: width 0.5s ease-in-out;
    transition: width 0.5s ease-in-out; }

.alm-masonry,
.alm-btn-wrap {
  display: block;
  overflow: hidden;
  clear: both; }

.alm-btn-wrap {
  text-align: center;
  padding: 10px 0 25px; }

/* Blue */
.ajax-load-more-wrap.blue .alm-load-more-btn {
  background-color: #0081bf; }
  .ajax-load-more-wrap.blue .alm-load-more-btn:hover, .ajax-load-more-wrap.blue .alm-load-more-btn.done {
    background-color: #0073aa; }

/* green */
.ajax-load-more-wrap.green .alm-load-more-btn {
  background-color: #6fca68; }
  .ajax-load-more-wrap.green .alm-load-more-btn:hover, .ajax-load-more-wrap.green .alm-load-more-btn.done {
    background-color: #64b95e; }

/* red */
.ajax-load-more-wrap.red .alm-load-more-btn {
  background-color: #ca4b4b; }
  .ajax-load-more-wrap.red .alm-load-more-btn:hover, .ajax-load-more-wrap.red .alm-load-more-btn.done {
    background-color: #b13b3b; }

/* purple */
.ajax-load-more-wrap.purple .alm-load-more-btn {
  background-color: #a86bb9; }
  .ajax-load-more-wrap.purple .alm-load-more-btn:hover, .ajax-load-more-wrap.purple .alm-load-more-btn.done {
    background-color: #9963a8; }

/* grey */
.ajax-load-more-wrap.grey .alm-load-more-btn {
  background-color: #888; }
  .ajax-load-more-wrap.grey .alm-load-more-btn:hover, .ajax-load-more-wrap.grey .alm-load-more-btn.done {
    background-color: #777; }

/* white */
.ajax-load-more-wrap.white .alm-load-more-btn {
  background-color: #fff;
  color: #666;
  border: 1px solid #efefef; }
  .ajax-load-more-wrap.white .alm-load-more-btn:hover, .ajax-load-more-wrap.white .alm-load-more-btn.done {
    background-color: #efefef;
    color: #333; }
  .ajax-load-more-wrap.white .alm-load-more-btn.done {
    border-color: #fff; }

/* Infinite */
.ajax-load-more-wrap.infinite .alm-load-more-btn {
  width: 100%;
  background-color: transparent !important;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url("../../img/spinner.gif");
  border: none !important;
  opacity: 0;
  -webkit-transition: opacity 0.25s ease;
  transition: opacity 0.25s ease;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  overflow: hidden;
  text-indent: -9999px;
  cursor: default !important;
  outline: none !important; }
  .ajax-load-more-wrap.infinite .alm-load-more-btn:before {
    display: none !important; }
  .ajax-load-more-wrap.infinite .alm-load-more-btn:active {
    -webkit-box-shadow: none;
            box-shadow: none; }
  .ajax-load-more-wrap.infinite .alm-load-more-btn.done {
    opacity: 0; }
  .ajax-load-more-wrap.infinite .alm-load-more-btn.loading {
    opacity: 1; }

.ajax-load-more-wrap.infinite.skype .alm-load-more-btn {
  background-image: url("../../img/spinner-skype.gif"); }

.ajax-load-more-wrap.infinite.ring .alm-load-more-btn {
  background-image: url("../../img/spinner-ring.gif"); }

.ajax-load-more-wrap.infinite.fading-blocks .alm-load-more-btn {
  background-image: url("../../img/loader-fading-blocks.gif"); }

.ajax-load-more-wrap.infinite.fading-circles .alm-load-more-btn {
  background-image: url("../../img/loader-fading-circles.gif"); }

.ajax-load-more-wrap.infinite.chasing-arrows .alm-load-more-btn {
  background-image: url("../../img/spinner-chasing-arrows.gif"); }

/*
*  Generic alm-listing styles
*  @since 1.0.0
*/

  .alm-listing .alm-reveal > li,
  .alm-listing .alm-paging-content > li,
  .alm-listing > li {
        width: 50%;
        float: left;
    background: none;
    margin: 0 0 30px;
    padding: 0 0 0 170px;
    overflow: hidden;
    position: relative;
    list-style: none; }
    .alm-listing .alm-reveal > li.no-img,
    .alm-listing .alm-paging-content > li.no-img,
    .alm-listing > li.no-img {
      padding: 0; }
    .alm-listing .alm-reveal > li p,
    .alm-listing .alm-paging-content > li p,
    .alm-listing > li p {
      margin: 0; }
    .alm-listing .alm-reveal > li h3,
    .alm-listing .alm-paging-content > li h3,
    .alm-listing > li h3 {
      margin: 0 0 10px; }
    .alm-listing .alm-reveal > li img,
    .alm-listing .alm-paging-content > li img,
    .alm-listing > li img {
      position: absolute;
      left: 0;
      top: 0;
      border-radius: 2px; }

.blog-listing {
margin-left: 10%;
margin-right: 10%;
}



/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/

.ubermenu-footer {
    padding: 14px !important;
}
.footer-phone {
    font-size: 14px;
    color: #162958;
    font-weight: bold;
    margin-top: -2px;
}
.ubermenu-footer .ubermenu-item-level-0 > .ubermenu-target {
    font-size: 11px !important;
    color: #162958 !important;
}
.ubermenu .ubermenu-item-notext>.ubermenu-icon {
    font-size: 20px;
    margin-top: -5px;
    margin-bottom: -5px;
}

/* Overriding UberMenu */
.ubermenu-main-nav .ubermenu-nav .ubermenu-item.ubermenu-item-level-0 > .ubermenu-target {
    white-space:nowrap;
}
#ubermenu-main-nav-16-sticky-wrapper {
    min-height: 80px !important;
    max-height: 80px;
}
.ubermenu .ubermenu-target-text {
    /*color: #3d5288 !important; */
    opacity: 0.85;
}
.ubermenu .ubermenu-item-layout-image_left>.ubermenu-image {
    margin-left: 20px;
    margin: -5px 20px 23px;
    width: 200px;
}
.ubermenu-main-nav .ubermenu-item-level-0 > .ubermenu-target, .ubermenu-main-nav .ubermenu-item-level-0 > .ubermenu-custom-content.ubermenu-custom-content-padded {
    padding-top: 46px !important;
}

#ubermenu-nav-main-nav-16 > li > a >span:hover {
    padding-bottom: 3px;
}
.ubermenu .ubermenu-search .ubermenu-searchform {
    border: 1px solid #3d5288;
    background: #fff !important;
    border-radius: 17.5px !important;
    width: 120px !important;
    margin-top: 21px !important;
    height: 28px;
}
.ubermenu-transition-none .ubermenu-item .ubermenu-submenu-drop {
    top: 80px !important;
    margin-left: 20px !important;
}
.ubermenu-main-nav .ubermenu-item-level-0 > .ubermenu-submenu-drop {
    box-shadow: 0 0 11px rgb(81, 80, 80) !important;
    height: auto !important;
}
.ubermenu .ubermenu-target-with-image>.ubermenu-target-text {
    color: #fff !important;
    font-size: 11px;
    margin-top: -12px;
    font-weight: normal;
    margin-bottom: 10px;
}
.ubermenu .ubermenu-autocolumn, .ubermenu .ubermenu-submenu-type-stack {
    padding: 0px !important;
}
.ubermenu .ubermenu-item-type-column>.ubermenu-submenu-type-stack>.ubermenu-item-normal:first-child {
    margin-top: 0px !important;
}
.ubermenu .ubermenu-submenu-type-stack>.ubermenu-item-normal>.ubermenu-target {
    padding-top: 10px !important;
    padding-bottom: 5px !important;
}
.nav-language {
    display: flex;
    min-width: 50px;
    margin: 25px 20px !important;
    font-weight: bold;
    font-size: 11px;
    padding-top: 0px !important;
}
.nav-french {
    margin-top: auto !important;
    margin-left : 2px;
    font-size: 12px;
}
.nav-english {
    margin-right: 2px;
    margin-top: 16px;
    font-size: 12px;
}


/* Reviews */

body #yotpo-testimonials-custom-tab .yotpo-modal-bottom-line {
 display: none;
}
body .yotpo .yotpo-review .yotpo-header .yotpo-header-element .y-label.yotpo-user-name, .yotpo .yotpo-comment .yotpo-header .yotpo-header-element .y-label.yotpo-user-name, .yotpo .yotpo-question .yotpo-header .yotpo-header-element .y-label.yotpo-user-name, .yotpo .yotpo-onsite-upload .yotpo-header .yotpo-header-element .y-label.yotpo-user-name {
    color: #162958;
    font-size: 14px;
    font-family: 'Poppins', sans-serif;
}
body .yotpo .yotpo-review .yotpo-header .yotpo-header-element .y-label, .yotpo .yotpo-comment .yotpo-header .yotpo-header-element .y-label, .yotpo .yotpo-question .yotpo-header .yotpo-header-element .y-label, .yotpo .yotpo-onsite-upload .yotpo-header .yotpo-header-element .y-label {
    color: #162958;
    font-family: 'Poppins', sans-serif;
}
.yotpo .yotpo-review .yotpo-header .yotpo-review-stars .yotpo-icon, .yotpo .yotpo-comment .yotpo-header .yotpo-review-stars .yotpo-icon, .yotpo .yotpo-question .yotpo-header .yotpo-review-stars .yotpo-icon, .yotpo .yotpo-onsite-upload .yotpo-header .yotpo-review-stars .yotpo-icon {
    margin-right: 5px;
}
body .yotpo .yotpo-regular-box {
    margin: 10px 80px 0px;
    padding-top: 50px;
    border-top: 1px solid rgba(54, 75, 128, 0.26);
}
body .yotpo .yotpo-review .yotpo-header .yotpo-icon-profile, .yotpo .yotpo-comment .yotpo-header .yotpo-icon-profile, .yotpo .yotpo-question .yotpo-header .yotpo-icon-profile, .yotpo .yotpo-onsite-upload .yotpo-header .yotpo-icon-profile {
    background: #162958;
    height: 65px;
    width:  65px;
    margin-top: -12px;
    margin-right: 24px;
}
body .yotpo .yotpo-review .yotpo-header.yotpo-verified-buyer .yotpo-icon-circle-checkmark, .yotpo .yotpo-comment .yotpo-header.yotpo-verified-buyer .yotpo-icon-circle-checkmark, .yotpo .yotpo-question .yotpo-header.yotpo-verified-buyer .yotpo-icon-circle-checkmark, .yotpo .yotpo-onsite-upload .yotpo-header.yotpo-verified-buyer .yotpo-icon-circle-checkmark {
    display: none;
}
body .yotpo .yotpo-review .yotpo-header .yotpo-icon-profile .yotpo-user-letter, .yotpo .yotpo-comment .yotpo-header .yotpo-icon-profile .yotpo-user-letter, .yotpo .yotpo-question .yotpo-header .yotpo-icon-profile .yotpo-user-letter, .yotpo .yotpo-onsite-upload .yotpo-header .yotpo-icon-profile .yotpo-user-letter {
    display: none;
}
body .yotpo .yotpo-review .yotpo-main, .yotpo .yotpo-comment .yotpo-main, .yotpo .yotpo-question .yotpo-main, .yotpo .yotpo-onsite-upload .yotpo-main {
    margin-left: 85px;
}
body .yotpo .yotpo-review .yotpo-header .yotpo-review-stars, .yotpo .yotpo-comment .yotpo-header .yotpo-review-stars, .yotpo .yotpo-question .yotpo-header .yotpo-review-stars, .yotpo .yotpo-onsite-upload .yotpo-header .yotpo-review-stars {
    margin-top: 12px;
    margin-bottom: 8px;
}
body #yotpo-testimonials-custom-tab .yotpo-review .yotpo-main .content-title {
    color: #162958;
    font-family: 'Poppins', sans-serif;
}
body #yotpo-testimonials-custom-tab .yotpo-review .yotpo-main .content-review {
    color: #162958 !important;
    font-family: 'Poppins', sans-serif;
}
#yotpo-testimonials-custom-tab .yotpo-main .product-link {
    display: none !important;
}
.yotpo-reviews .yotpo-main .product-link-wrapper {
    display:none;
}
body .yotpo .yotpo-review .yotpo-footer .y-label, .yotpo .yotpo-comment .yotpo-footer .y-label, .yotpo .yotpo-question .yotpo-footer .y-label, .yotpo .yotpo-onsite-upload .yotpo-footer .y-label {
    color: #162958;
    font-family: 'Poppins', sans-serif;
    font-weight: bolder;
}
.yotpo .yotpo-review .yotpo-footer .footer-actions, .yotpo .yotpo-comment .yotpo-footer .footer-actions, .yotpo .yotpo-question .yotpo-footer .footer-actions, .yotpo .yotpo-onsite-upload .yotpo-footer .footer-actions {
    margin-left: 32px;
}
body .yotpo .yotpo-review .yotpo-footer {
    margin-top: 24px;
}
.yotpo-footer .yotpo-icon {
    display: none;
}
body .yotpo .yotpo-pager .yotpo-page-element {
    color: #162958 !important;
    font-family: 'Poppins', sans-serif;
    margin-right: 9px;
}
body .yotpo .yotpo-pager .yotpo-page-element.yotpo-icon-right-arrow {
    margin-left: 0px;
    color: #162958 !important;
}
body .yotpo .yotpo-pager .yotpo-page-element.yotpo-icon-left-arrow {
    margin-right: 5px;
}

.ubermenu-submenu-id-772 {
  margin-top: -10px;
}

/* victor additions */
.big-menu {
  display:none;
  position: absolute;
  top: 0;
  left: 200px;
  z-index: 100;
  background: #162958;
  width: 230%;
  height: 233px;
  text-align: center;
  color: white;
}
.big-menu h2 {
  margin-bottom: 0px;
}
.big-menu h2 a {
  color: white;
  transition: all 0.3s ease;
  text-decoration: underline;
  padding-left: 10px;
  padding-right: 10px;
}
.big-menu h2 a:hover {
  background: white;
  color: #162958;
  text-decoration: none;
}

.big-menu > div {
  display: inline-block;
  margin-right: 15px;
}
.big-menu ul {
  list-style-type: none;
  padding:0;
  margin:0;
}
.big-menu ul a {
  color: white;
}
.big-menu ul li {
  border: thin white solid;
  margin-bottom: 5px;
  padding: 5px 10px;
  transition: all 0.3s ease;
}
.big-menu ul a:hover {
    color: #162958;
}
.big-menu ul a:hover li {
  border: thin white solid;
  background: white;
}

#menu-item-1151:hover .big-menu, #menu-item-8212:hover .big-menu, #menu-item-8211:hover .big-menu {
  display: block;
}
#menu-item-772:hover #menu-item-1151 .big-menu {
  display: block;
}

@media screen and (min-width: 783px) {
  .admin-bar .ubermenu.ubermenu-sticky.ubermenu-coverage, .admin-bar .ubermenu-responsive-toggle.ubermenu-sticky.ubermenu-coverage {
    margin-top: 54px;
  }
}
@media only screen and (max-width: 768px) {
  body .ubermenu-responsive-toggle {
    text-align: center;
    /* background: black; */
    box-shadow: 2px 2px 30px #ccc;
    position: relative;
    z-index: 1000;
    /* width: 100%; */
    min-height: 45px !important;
    max-height: none;
  }
  body .ubermenu-responsive-toggle h1 {
    font-size: 20px;
    display: inline;
  }
  body .ubermenu-responsive-toggle img {
    width: 23px;
    float: left;
  }
  body .ubermenu-responsive-toggle i {
    float: right;
  }
  body .ubermenu-responsive-toggle .home-logo {
    width: 50%;
    margin: 0 auto;
    float: none;
  }
  body .ubermenu-responsive {
    /*
    position: absolute !important;
    width: 90%;
    max-height: none;
    margin-left: 5% !important;
    */
  }
  body .ubermenu-responsive #menu-item-7438 {
    float: none;
    margin-bottom: 15px;
  }
  body .ubermenu-responsive #menu-item-7438 form {
    width: 100% !important;
  }
  body .ubermenu-responsive #menu-item-7359 {
    display: none;
  }
  body .ubermenu-responsive .ubermenu-nav .ubermenu-item .ubermenu-submenu.ubermenu-submenu-drop {
    display: none;
  }
  body .ubermenu-responsive .ubermenu-item.ubermenu-active > .ubermenu-submenu.ubermenu-submenu-type-mega {
    display: block;
  }
  body .ubermenu.ubermenu-disable-submenu-scroll .ubermenu-item>.ubermenu-submenu.ubermenu-submenu-type-mega {
    position: initial;
    margin-left: 10px !important;
  }
}
.entry-title {
  display: none;
}

.ubermenu-submenu {
  overflow: visible;
  overflow-y: visible;
}
body .ubermenu.ubermenu-disable-submenu-scroll .ubermenu-item>.ubermenu-submenu.ubermenu-submenu-type-mega {
  overflow: visible;
  overflow-y: visible;
}

@media only screen and (min-width: 768px) {
    .ubermenu .ubermenu-submenu-type-stack>.ubermenu-item-normal>.ubermenu-target {
        border-right: 2px solid rgba(255,255,255,0.3);
    }
    /*
    body .ubermenu.ubermenu-disable-submenu-scroll .ubermenu-item>.ubermenu-submenu.ubermenu-submenu-type-mega {
        visibility: visible;
    }
    */
    .big-menu {
        height: 234px;
    }
    .big-menu > div {
        vertical-align: top;
    }
    .big-menu h2 {
        font-weight: 600;
        font-size: 26px;
        text-decoration-color: rgba(255,255,255,0.3);
    }
    .big-menu div p {
        font-size: 13px;
        margin: 18px 0px 8px;
    }
    .big-menu ul a {
        text-decoration: none;
    }
    .big-menu ul li {
        width: 156px;
        font-size: 13px;
        border-color: rgba(255,255,255,0.3);
    }
}

@media only screen and (min-width: 768px) {
    .bg-img-sm {
        height: 240px;
    }
    .bg-img-md {
        height: 360px
    }
    .bg-img-lg {
        height: 460px;
    }
    .bg-img-xl {
        height: 570px;
        top: -20px !important;
    }
    .text-xl {
        top: 20px !important;
    }
}

/* Fresh, to be moved to appropriate places after, during refactor cleanup */

/* Top nav menu */
.ubermenu-main-nav .ubermenu-item-level-0 > .ubermenu-target {
  font-size: 16px !important;
}

.ubermenu-footer .ubermenu-item-level-0 > .ubermenu-target {
  font-size: 16px !important;
}
/* Top nav menu */
#menu-border {
  width: 100%;
  height: 10px;
  position: relative;
  top: 0;
  left: 0;
  background: rgba(222,222,222,1);
  background: -moz-linear-gradient(top, rgba(222,222,222,1) 0%, rgba(246,246,246,0.47) 45%, rgba(255,255,255,0) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(237,237,237,1)), color-stop(53%, rgba(246,246,246,0.47)), color-stop(100%, rgba(255,255,255,0)));
  background: -webkit-linear-gradient(top, rgba(222,222,222,1) 0%, rgba(246,246,246,0.47) 45%, rgba(255,255,255,0) 100%);
  background: -o-linear-gradient(top, rgba(222,222,222,1) 0%, rgba(246,246,246,0.47) 45%, rgba(255,255,255,0) 100%);
  background: -ms-linear-gradient(top, rgba(222,222,222,1) 0%, rgba(246,246,246,0.47) 45%, rgba(255,255,255,0) 100%);
  background: linear-gradient(to bottom, rgba(222,222,222,1) 0%, rgba(246,246,246,0.47) 45%, rgba(255,255,255,0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#ffffff', GradientType=0 );
}

.ubermenu-main-nav {
  background: transparent !important;
}
.ubermenu-main-nav ul.ubermenu-nav {
  background-color: #ffffff;
  background: -webkit-gradient(linear,left top,left bottom,from(#ffffff),to(#ffffff));
  background: -webkit-linear-gradient(top,#ffffff,#ffffff);
  background: -moz-linear-gradient(top,#ffffff,#ffffff);
  background: -ms-linear-gradient(top,#ffffff,#ffffff);
  background: -o-linear-gradient(top,#ffffff,#ffffff);
  background: linear-gradient(top,#ffffff,#ffffff);
}


/* Homepage */

#homepage-hero .header-image {
  opacity: 0.6;
}

#homepage-hero .header-image.no-opacity {
  opacity: 1;
}

section.header-callout {
  overflow-x: hidden;
}

section.header-callout,
.header-image {
  max-width: 100%;
  height: calc(100vh - 80px) !important;
}

body .callout-text h1 {
  font-size: 44px;
}

.diamond-cut {
    overflow: hidden;
}
.diamond-cut.our-story-text,
.diamond-cut.product-finder-text {
    background: transparent;
}
.diamond-cut p,
.diamond-cut h1,
.diamond-cut h2,
.diamond-cut a {
  z-index: 1;
  position: relative;
}
.diamond-cut:after {
  content: '';
  position: absolute;
  width: 1100%;
  height: 1100%;
  top: 20px;
  right: -500%;
  transform-origin: 46% 0;
  transform: rotate(310deg);
  z-index: 0;
}

.diamond-cut.product-finder-text:after {
  background: #162958;
}

.diamond-cut.our-story-text:after {
  background: #eee;
}

.home-content1 {
	padding-bottom: 50px;
}

@media screen and (min-width: 768px) {
	.home-content1 {
		padding-bottom: 200px;
	}
}

/* Homepage We are in numbers */
.we-are-in-numbers {
    width: 100%;
    background-color: #1C3160;
}

.we-are-in-numbers__in {
    margin: auto;
    width: 100%;
    max-width: 1190px;
    padding: 20px 25px;
    height: 380px;
    display: flex;
    flex-direction: column;
}

.we-are-in-numbers__col {
    flex-basis: 1px;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.we-are-in-numbers__item {
    color: #FFF;
    text-align: center;
}

.we-are-in-numbers__number {
    font-size: 50px;
    font-weight: bold;
}

.we-are-in-numbers__description {
    font-size: 21px;
}

@media screen and (min-width: 768px) {
    .we-are-in-numbers__in {
        flex-direction: row;
        height: 225px;
        align-items: center;
        padding: 0 25px;
    }

    .we-are-in-numbers__col {
        flex-direction: row;
    }

    .we-are-in-numbers__col:first-child {
        justify-content: flex-start;
    }

    .we-are-in-numbers__col:last-child {
        justify-content: flex-end;
    }
}

@media screen and (min-width: 800px) {
    .we-are-in-numbers__number {
        font-size: 56px;
    }
    .we-are-in-numbers__description {
        font-size: 22px;
    }
}

/* End Homepage We are in numbers */


/* Homepage Reviews */
#carousel-top-panel {
  max-width: 100%;
}

section.reviews {
  max-width: 100%;
  overflow-x: hidden;
}


/* Homepage Dealer CTA section */

/* Find a Dealer section - home & products pages */
.find-dealer-wrapper {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100vh;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

.find-dealer-wrapper .find-dealer-bookmark {
	position: absolute;
	top: 60px;
}

.find-dealer-wrapper .find-dealer-content {
	text-align: center;
}

/* IE 10+ */
@media all and (-ms-high-contrast: active), all and (-ms-high-contrast: none) {
	.find-dealer-wrapper .find-dealer-content {
		margin: 0;
	}
}

.find-dealer-wrapper h3 {
	font-size: 30px;
}

.find-dealer-box {
    text-align:center;
}
/*article a {
  color: #162958 !important;
}*/

/* Terms of use & privacy */
article.post-738,
article.post-3 {
  padding: 50px;
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
}

article.post-738 p,
article.post-3 p {
    font-size: 16px;
    line-height: 1.6;
}

article.post-738 ul,
article.post-3 ul {
  list-style: disc;
  margin-left: 0;
}
article.post-738 li,
article.post-3 li {
  margin-bottom: 10px;
  line-height: 1.6
}

.button-inner {
  display: block;
  padding: 10px 12px;
}

/* Utilities classes */
.d-flex {
    display: flex;
}

.justify-start {
    justify-content: flex-start;
}

.justify-end {
    justify-content: flex-end;
}

.justify-center {
    justify-content: center;
}

/*--------------------------------------------------------------
# Dealer Portal
--------------------------------------------------------------*/
/*--- Landing Page ---*/
.portal-header {
    top: 0;
    background-color: #707070;
    width: 100%;
    text-align: center;
}
.portal-hero {
    padding:6% 0;
}
.portal-row {
    padding:0 18px;
}
.portal-column, .portal-column-sm {
    width:100%;
    background-color:#162958;
    margin-bottom:18px;
}
.portal-box {
    color:#fff;
    margin-right:20px;
    padding: 20px 40px;
    text-align:left;
}
.portal-box h2 {
    color:#fff;
}
.portal-box button {
    color:#fff;
    border-color: #ffffff;
    margin:20px auto;
    display:block;
}
.portal-store {
    background: #162958;
    text-align: center;
    padding-top: 40px;
    padding-bottom: 40px;
    margin-bottom: 20px;
    color:#ffffff;
    padding-left:40px;
    padding-right:40px;
}
.portal-store h2 {
    color:#ffffff;
}
.portal-store button {
    border-color: #ffffff;
    color:#fff;
    margin:20px 0;
}
.portal-column-alt {
    width:100%;
    padding:20px;
    text-align:center;
}
.portal-checklists {
    text-align: center;
    padding-top: 40px;
    padding-bottom: 40px;
    margin: 0 18px;
}
.portal-checklists h2 {
    text-transform: uppercase;
    color: #162958;
}
.p-checklist-items {
    padding-bottom: 40px;
    margin:0 18px;
}
.p-checklist-row:after {
    content: "";
    display: table;
    clear: both;
}
.p-checklist-box {
    text-align: center;
    background-color: #4773BA;
    width: 100%;
    padding-top: 20px;
    padding-bottom: 30px;
    margin-bottom: 10px;
}
.p-checklist-box h3 {
    font-weight: 600;
}
.p-checklist-box button {
    border-color: #ffffff;
    color:#fff;
    margin:5px 0;
}
.p-getintouch {
    padding-top: 40px;
    text-align: center;
    background-color: #162958;
    padding-bottom: 40px;
    margin-bottom: 20px;
    padding-left: 20px;
    padding-right:20px;
    color: #FFFFFF;
}
.p-getintouch h3 {
    text-transform:uppercase;
}
.p-getintouch a {
    color: #fff !important;
}

@media only screen and (min-width: 768px) {
.portal-header {
    background-color: #707070;
    background: radial-gradient(circle, rgba(71,115,185,0.1) 0%, rgba(255,255,255,1) 100%);
    background-image: url('https://www.diamondkote.com/dk/wp-content/uploads/2019/01/DealerPortal.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    height:auto;
}
.portal-overlay {
    background: linear-gradient(to right, rgba(255,255,255,0.9), rgba(255,255,255,0.1));
}
.portal-row {
    padding-top: 10px;
    margin-left: 10%;
    margin-right: 10%;
    padding-bottom: 10px;
    display: flex;
    flex-direction:row;
    align-items:stretch;
}
.portal-column {
    width: 33%;
    float: left;
    margin-right: 20px;
}
.portal-column-alt {
    width: 50%;
    float: left;
    margin-right: 40px;
    text-align:center;
}
.portal-column-sm {
    width: 25%;
    float: left;
    margin-right: 20px;
}
.portal-box {
    text-align:center;
}
.portal-store {
    padding-left:0px;
    padding-right:0px;
}
.portal-checklists {
    margin:0;
}
.p-checklist-items {
    padding-bottom: 40px;
    margin:0;
}
.p-checklist-row {
    padding-left: 20px;
}
.p-checklist-box {
    float: left;
    width: 32%;
    padding-bottom: 20px;
    margin-right: 14px;
    height: 240px;
}
.p-getintouch {
    padding-left: 0px;
    padding-right:0px;
}
}
/*--- Dealer FAQ ---*/
.faq-header {
    background: linear-gradient(to right, #162958, rgba(17, 48, 104, 0.86));
    text-align: center;
    padding-top: 60px;
    padding-bottom: 60px;
    margin-bottom: 20px;
}
.faq-header h1 {
    color: #fff;
    font-size: 24px;
    letter-spacing: 1px;
    font-weight: 600;
}
.faq-text {
    display: block;
    text-align:center;
    margin-left: 10%;
    margin-right: 10%;
}
.faq-row {
    margin-left: 0;
    margin-right: 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-evenly;
    align-items: center;
}
.faq-column {
    width:50%;
}
.faq-l h4,
.faq-r h4 {
    font-size:0.85em;
    font-weight:500;
}
.faq-l {
    text-align:left;
}
.faq-r {
    text-align:right;
}
@media only screen and (min-width: 768px) {
	.faq-text {
		width: 70%;
		padding: 15px;
		margin: 0 auto;
	}
	.faq-column {
		width:50%;
	}
	.faq-l h4,
	.faq-r h4 {
		font-size:1.25em;
		font-weight:500;
	}
}
/* --- Product Collateral --- */
.single-btn {
    text-align:center;
}

.honest-navigation-desktop {
    top: 0;
}

/* Blue cornered boxes, t=top, bottom, left and right */
.blue-box {
	padding: 46px 32px 38px;
	font-size: 14px;
	color: #FFF;
	background-color: #162958;
}

.blue-box.small-tr-corner {
	background: linear-gradient(225deg, transparent 25px, #162958 25px, #2c4878 100%) !important
}

.blue-box.small-br-corner {
	background: linear-gradient(315deg, transparent 25px, #162958 25px, #2c4878 100%) !important
}

.blue-box.small-bl-corner {
	background: linear-gradient(45deg, transparent 25px, #162958 25px, #2c4878 100%) !important
}

.blue-box.small-tl-corner {
	background: linear-gradient(135deg, transparent 25px, #162958 25px, #2c4878 100%) !important
}

.blue-box.large-br-corner {
	background: linear-gradient(315deg, transparent 25px, #162958 25px, #2c4878 100%) !important
}

@media only screen and (min-width: 768px) {
	.blue-box.large-br-corner {
		background: linear-gradient(315deg, transparent 45px, #162958 45px, #2c4878 100%) !important
	}
}

.blue-box h2,
.blue-box h3 {
	margin-top: 0;
	color: inherit;
}

.blue-box ul {
	margin: 0;
	list-style-type: disc;
    padding-left: 1em;
    line-height: 1.35;
}

.blue-box ul li {
	margin-bottom: 1em;
}

.gray-box {
	padding: 46px 32px 38px;
	color: #162958;
}

.gray-box.small-br-corner {
	background: linear-gradient(315deg, transparent 25px, #D9E0E5 25px) !important;
}

.default-box-shadow {
	-webkit-filter: drop-shadow(5px 5px 10px rgba(0, 0, 0, 0.4));
	filter: drop-shadow(5px 5px 10px rgba(0, 0, 0, 0.4));
}

.default-image-shadow {
	-webkit-filter: drop-shadow(5px 5px 10px rgba(0, 0, 0, 0.25));
	filter: drop-shadow(5px 5px 10px rgba(0, 0, 0, 0.25));
}

.page-header {
	display: none;
	justify-content: center;
	align-items: center;
	min-height: 145px;
	padding: 15px;
	color: #fff;
	text-align: center;
	background-color: #162958;
}

.page-header.show-mobile {
	display: flex;
}

.page-header h1 {
	margin: 0;
	font-size: 28px;
	color: inherit;
}

@media only screen and (min-width: 480px) {
	.page-header h1 {
		font-size: 32px;
	}
}

@media only screen and (min-width: 768px) {
	.page-header h1 {
		font-size: 40px;
	}
}

@media only screen and (min-width: 1200px) {
	.page-header {
		display: flex;
	}
}

/*--------------------------------------------------------------
# Product Application Videos
--------------------------------------------------------------*/

.videos-header {
    background: linear-gradient(to right, #162958, rgba(17, 48, 104, 0.86));
    text-align: center;
    padding-top: 60px;
    padding-bottom: 60px;
    margin-bottom: 20px;
}
.videos-header h1 {
    color: #fff;
    font-size: 24px;
    letter-spacing: 1px;
    font-weight: 600;
}

.videos-text {
text-align: center;
margin-left: 10%;
margin-right: 10%;
}

/* Trapezoids */
.trapezoid {
	position: absolute;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
}

.trapezoid-right {
	background-image: url('./images/trapezoid-right.svg');
}

.trapezoid-left {
	background-image: url('./images/trapezoid-left.svg');
}

/* based on .breadcrumb-nav */
.back-to-parent {
	display: inline-block;
	background: #fff;
    margin: 30px 0;
    padding: 8px 17px;
	font-size: 14px;
	color: #162958;
    font-weight: 600;
    border-radius: 50px;
    box-shadow: 0px 1px 5px #777;
}

/* WP Video Lightbox fix */
@media only screen and (max-width: 767px) {
	body .pp_details {
		padding-bottom: 39px;
	}
}

.page-template-page-warranty-advisor .entry-content,
.blue-to-top-right {
	background-image: linear-gradient(to top right, #e9eff6, #fff);
}


}