/*
Theme Name:  Wisetail (Salient)
Description: A child theme of Salient customized exclusively for Wisetail.com

Version:     2021.03

Template:    salient

Author:      Big Storm
Author URI:  https://greatbigstorm.com/
*/

/*! ===== Reference ===== */

/*! ----- Color Palette ----- */
/*
Bright Teal:  #21b6d7  rgba(33, 182, 215, 1)  // use for backgrounds (with navy text) or over dark backgrounds
Dark Teal:    #009BBF  rgba(0, 155, 191, 1)   // use [for text] on white/light backgrounds
Navy:         #283B4D  rgba(40, 59, 77, 1)
Yellow:       #FFC700  rgba(255, 199, 0, 1)
Pink:         #E06080  rgba(224, 96, 128, 1)
Red:          #DA1D47  rgba(218, 29, 71, 1)
Grey:         #616569  rgba(97, 101, 105, 1)


--- Non-ADA Compliant Original Values ---

Intertek Teal:    #21B5D7  rgba(33, 181, 215, 1)
Intertek Navy:    #203A4C  rgba(32, 58, 76, 1)
Intertek Yellow:  #FFC60B  rgba(255, 198, 11, 1)


--- Salient Settings ---

Overall Font Color:  {Navy}

Accent Color:   {Teal}
Extra Color 1:  {Yellow}
Extra Color 2:  {Navy}
Extra Color 3:  {Grey}


--- Overrides ---
Text Links:  {Red}
*/


/*! ----- Color Palette: DEPRECATED 2020-10 ----- */
/*
light gray:     #bbbdbf, rgb(187, 189, 191)
medium gray:    #8A878A, rgb(138, 135, 138)
slate gray:     #728084, rga(114, 128, 132)
midnight blue:  #223545, rgb(34, 53, 69)
bright blue:    #2F95D3, rgb(47, 149, 211)
minty green:    #60CE94, rgb(96, 206, 148)
orange:         #f2a34a, rgb(242, 163, 74)

body:     {slate gray};
headings: {midnight blue};
*/


/*! ----- Fonts ----- */
/*
body:      400 neo-sans, sans-serif;
headings:  500 neo-sans, sans-serif;
*/


/*! ----- Breakpoints ----- */
/*
Salient's desktop-first breakpoints:

Small Desktop:  (max-width: 1300px)
Tablet:         (max-width: 999px)
Phone:          (max-width: 690px)
*/



/*! ===== Base Typography ===== */

abbr[title],
acronym[title] {
	text-decoration: none;
}

body b,
body strong,
body .bold {
	font-weight: 500;
}

/* make text links red, medium weight */
body a {
	color: #DA1D47;
	font-weight: 500;
	text-decoration: underline;
	text-decoration-color: rgba(218, 29, 71, 0.5);
}
body a:hover {
	text-decoration-color: currentcolor !important;
}
/* make large text links normal weight */
body a.wstl-lg,
body .wstl-lg a,
.wstl-p-lg body a,
body a.wstl-xl,
body .wstl-xl a,
.wstl-p-xl body a {
	font-weight: 400;
}

/*  Text size variants; in relative sizes to scale with Salient's responsive sizing */
small,
.wstl-sm,       /* direct class */
.wstl-p-sm p {  /* container class */
	font-size: 0.8571em;  /* ~12px */
	line-height: 1.2;
}
.wstl-lg,
.wstl-p-lg p {
	font-size: 1.4286em;  /* ~20px */
	line-height: 1.2;
}
.wstl-xl,
.wstl-p-xl p {
	font-size: 1.7857em;  /* ~25px */
	line-height: 1.2;
}


/*! ----- Headings ----- */

body h1,
.row .col h1,
body h2,
.row .col h2,
body h3,
.row .col h3,
body h4,
.row .col h4,
body h5,
.row .col h5 {
	margin-bottom: 0.75em;
}

body h3,
.row .col h3 {}

/* H4 mimics p large */
body h4,
.row .col h4 {}

body h5,
.row .col h5 {}

/* H6 mimics eyebrow */
body h6,
.row .col h6,
body .wstl-eyebrow {
	margin-left: 0.2em;  /* better visual alignment with headings */
	margin-bottom:  0.5em;
	font-weight: 600;
	color: #009BBF;
}

/* Eyebrow matches H6 settings */
body .wstl-eyebrow {
	padding-bottom: 0;
	font-family: neo-sans, sans-serif;
	font-size: 15px;
	letter-spacing: 5px;
	line-height: 1;
	text-transform: uppercase;
}
@media (max-width: 1300px) {
	body .wstl-eyebrow {
		font-size: 14.25px;
	}
}
@media (max-width: 999px) {
	body .wstl-eyebrow {
		font-size: 12.75px;
	}
}
@media (max-width: 690px) {
	body .wstl-eyebrow {
		font-size: 11.25px;
	}
}

/* Heading size class variants */
body h1.wstl-sm,
body .wstl-h-sm h1,
.row .col .wstl-h-sm h1 {
	font-size: 2.8571em;  /* ~40px (h2) */
	line-height: 1;
}
body h1.wstl-lg,
body .wstl-h-lg h1,
.row .col .wstl-h-lg h1 {
	font-size: 4.5em;
	line-height: 1;
}

body h2.wstl-sm,
body .wstl-h-sm h2,
.row .col .wstl-h-sm h2 {
	font-size: 2em;  /* ~28px (h3) */
	line-height: 1;
}
body h2.wstl-lg,
body .wstl-h-lg h2,
.row .col .wstl-h-lg h2 {
	font-size: 3.7143em;  /* ~52px (h1) */
	line-height: 1;
}


/*! ----- Utility Classes ----- */

.wstl-display-none {
	display: none !important;
}


/*! ----- Page Headers ----- */

/* Salient > Typography > Heading 1 */
#page-header-bg h1,
body h1,
body .row .col.section-title h1,
.full-width-content .nectar-recent-posts-slider .recent-post-container .inner-wrap h2,
body #error-404 h1 {}

/* Salient > Typography > Page Heading Font */
body #page-header-bg h1,
html body .row .col.section-title h1,
.nectar-box-roll .overlaid-content h1 {}


/*! ----- Section Titles ----- */

.row .col.section-title h1,
.row .col.section-title h2 {}


/*! ----- Content Alignment ----- */

.wstl-align-center,
/* DEPRECATED selector 2020-10 */
.content-align-center {
	text-align: center;
}
.wstl-align-left,
/* DEPRECATED selector 2020-10 */
.content-align-left {
	text-align: left;
}
.wstl-align-right,
/* DEPRECATED selector 2020-10 */
.content-align-right {
	text-align: right;
}

.col.centered-text ul,
.wpb_column.centered-text ul {
	width: 100%;
}


/*! ----- Icons: Font Awesome Pro ----- */

/* undo some Salient rules that conflict with FA 5 */
svg[class*="fa-"],
i[class*="far"],
i[class*="fas"],
i[class*="fal"] {
	top: auto;
	font-size: inherit;
	height: 1em;
	width: auto;
	line-height: 1;
/* 	vertical-align: -0.125em; */
}

i.fa-fw[class*="far"],
i.fa-fw[class*="fas"],
i.fa-fw[class*="fal"] {
	width: 1.25em;
	text-align: center;
}

/* get sizing classes back */
i.fa-lg{font-size:1.33333em;line-height:.75em;vertical-align:-.0667em}
i.fa-xs{font-size:.75em}
i.fa-sm{font-size:.875em}
i.fa-1x{font-size:1em}
i.fa-2x{font-size:2em}
i.fa-3x{font-size:3em}
i.fa-4x{font-size:4em}
i.fa-5x{font-size:5em}
i.fa-6x{font-size:6em}
i.fa-7x{font-size:7em}
i.fa-8x{font-size:8em}
i.fa-9x{font-size:9em}
i.fa-10x{font-size:10em}

/* Apply to a container to match icons' color to headings color */
.wstl-icons-color-accent [class*="fa-"],
.wstl-icons-color-accent [class*="icon-"],
/* DEPRECATED: Reversing from header color 2020-10 to be the accent color (on legacy pages), thus the class below should no longer be used since it is semantically incorrect  */
.icons-color-h [class*="fa-"],
.icons-color-h [class*="icon-"] {
	color: #009BBF;
}



/*! ===== Widgets ===== */

/*! ----- Widget: Search ----- */

body .widget_search form.search-form button[type="submit"].search-widget-btn {
	width: auto;  /* fix taking over input field */
}


/*! ===== Page Header ===== */

/* Page Header meta box */
#page-header-wrap,
/* Custom row acting as page header */
.page-header-row,
/* Nectar Slider in the first page builder row */
.main-content > .row .vc_row:first-child .nectar-slider-wrap,
/* Custom Blog Header slider */
.page-header-slider .nectar-slider-wrap {}

/* add gradient border edge */
#page-header-wrap::after,
.page-header-row > .row-bg-wrap::before,
.main-content > .row .vc_row:first-child .nectar-slider-wrap::after,
.page-header-slider .nectar-slider-wrap::after {
	content: '';
	position: absolute;
	right:  0;
	bottom: 0;
	left:   0;
	height: 8px;
	background: #009BBF;
	z-index: 2;
}
.page-header-row > .row-bg-wrap::before {
	z-index: 12;  /* place above row content */
}

/* Page Header: hidden */
body.wstl-page-header-disabled[data-bg-header="true"] #ajax-content-wrap .container-wrap {
	padding-top: 0 !important;
}

/* Page Header: transparent - fix white gap on custom post types [2021-04] */
body[data-bg-header="true"] #ajax-content-wrap .post-area {
	margin-top: 0;
}



/*! ===== Page Notification ===== */

.wstl-page-notification {
	position: relative;
	padding: 1em;
	color:      #283B4D;
	background: #21B6D7;
	overflow: hidden;
}
.js .wstl-page-notification {
	padding-right: 3em;  /* allow for close button on right */
	padding-left:  3em;  /* match the right */
}

.wstl-page-notification a {
	position: relative;
	color: inherit;
	text-decoration: none;
}
.wstl-page-notification a:hover,
.wstl-page-notification a:focus {
	color: inherit;
	text-decoration: none;
}
.wstl-page-notification a:focus {
	outline: 1px dotted #fff;
}
.wstl-page-notification a::after {
	content: "";
	position: absolute;
	right:  0;
	bottom: 1px;
	left:   0;
	height: 1px;
	background: #283B4D;
	opacity: 0.6;
	-webkit-transition: opacity 0.3s ease;
	   -moz-transition: opacity 0.3s ease;
	        transition: opacity 0.3s ease;
}
.wstl-page-notification a:hover::after,
.wstl-page-notification a:focus::after {
	opacity: 1;
}

/* notification content */
.wstl-page-notification .wstl-content {
	line-height: normal;
	text-align: center;
}

.wstl-page-notification .wstl-content p {
	margin: 0 0 0.75em;
	padding: 0;
}
.wstl-page-notification .wstl-content p:last-child {
	margin-bottom: 0;
}

/* notification UI */
.wstl-page-notification .wstl-close-btn {
	display: none;  /* hide without JS */
	position: absolute;
	top:   50%;
	right: 1em;
	margin-top: -0.5em;  /* vertically center */
	line-height: 1;
	border: none;
	opacity: 0.6;
	-webkit-transition: opacity 0.3s ease;
	   -moz-transition: opacity 0.3s ease;
	        transition: opacity 0.3s ease;
}
.wstl-page-notification .wstl-close-btn:hover,
.wstl-page-notification .wstl-close-btn:focus {
	opacity: 1;
	cursor: pointer;
}
.wstl-page-notification .wstl-close-btn::after {
	display: none;
}
.js .wstl-page-notification .wstl-close-btn {
	display: block;
}

.wstl-page-notification .wstl-close-btn .wstl-icon {
	top: 0;
	width:  1em;
	height: 1em;
	font-size: 1em;
}


/*! ----- Page Notification: Above Main Content/Header Bar ----- */

/* Initially hide so JS can handle relocation and display */
.js #ajax-content-wrap > .wstl-page-notification,
.js body > .wstl-page-notification {
	display: none;
}

/* Display fixed, above content without scrolling out of view; via JS */
body > .wstl-page-notification.wstl-js-fixed {
	position: fixed;
	width: 100%;
	z-index: 11;
}



/*! ===== Page Elements ===== */

/*! ----- Backgrounds Images: Rows & Columns ----- */

/* Disables scaling of background images */
.wpb_row.wstl-bg-size-auto > .row-bg-wrap .row-bg,
/* DEPRECATED */
.wpb_row.wstl-bg-no-scale > .row-bg-wrap .row-bg {
	background-size: auto;
}

/* Change background scaling to contain (vs. default cover) */
.wpb_row.wstl-bg-size-contain > .row-bg-wrap .row-bg,
/* DEPRECATED */
.wpb_row.wstl-bg-contain > .row-bg-wrap .row-bg {
	background-size: contain;
}


/*! ----- Backgrounds & Shadows: Rows & Columns ----- */

/* on mobile */
@media screen and (max-width: 999px) {

	/* hide the background */
	.vc_row.bg-desktop-only > .row-bg-wrap .row-bg,
	.wpb_column.bg-desktop-only > .vc_column-inner > .column-bg-overlay-wrap .column-bg-overlay,
	/* DEPRECATED 2019-01; old v8 structure */
	.col.bg-desktop-only::before {
		opacity: 0 !important;
	}

	/* disable the shadow */
	.col.shadow-desktop-only {
		box-shadow: none;
	}
}

/* on desktop */
@media screen and (min-width: 1000px) {

	/* hide the background */
	.vc_row.bg-mobile-only > .row-bg-wrap .row-bg,
	.wpb_column.bg-mobile-only  > .vc_column-inner > .column-bg-overlay-wrap .column-bg-overlay,
	/* DEPRECATED 2019-01; old v8 structure */
	.col.bg-mobile-only::before {
		opacity: 0 !important;
	}

	/* disable the shadow */
	.col.shadow-mobile-only {
		box-shadow: none;
	}
}


/*! ----- Background Videos: Playback Control (ADA) ----- */

body button.wstl-js-video-play-toggle {
	position: absolute;
	left:   0;
	bottom: 10px;
	z-index: 101;
	width:  1.4em;
	height: 1.4em;
	padding: 0.2em;
	font-size: 20px;
	text-align: center;
	vertical-align: middle;
	line-height: 1;
	color: #283B4D;
	background: rgba(255, 255, 255, 0.8);
	border: none;
	border-radius: 2em;
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.25);
	cursor: pointer;
}
button.wstl-js-video-play-toggle > span {
	display: flex;  /* zaps vertical whitespace from text */
}

button.wstl-js-video-play-toggle .paused,
button.wstl-js-video-play-toggle[data-paused="true"] .playing {
	display: none;
}
button.wstl-js-video-play-toggle[data-paused="true"] .paused {
	display: flex;
}

@media (min-width: 1000px) {
	body button.wstl-js-video-play-toggle {
		left:   50px;  /* avoid run-in with Easy Share Buttons floater on blog posts */
		bottom: 20px;
	}
}


/*! ----- Buttons ----- */

/* extra, extra specificity to get all button paddings the same */
body[data-button-style] .nectar-button[class]:not(.x):not(.y):not(.z) {
	padding: 1em 2.25em;
}
body .nectar-button {
	font-weight: 500;  /* Neo Sans Medium */
	line-height: 1;
	text-align: center;
	border: 2px solid transparent;
}
body .nectar-button.large {
	font-size: 1.2857em;  /* ~18px */
}

/*! --- Buttons: Color Palette --- */

/* Navy text for teal background */
.nectar-button.accent-color,
.nectar-button.accent-color:hover,
.full-width-section .light .nectar-button.accent-color:hover {
	color: #283B4D;
}

/* Navy text for yellow background */
.nectar-button.extra-color-1,
.nectar-button.extra-color-1:hover,
.full-width-section .light .nectar-button.extra-color-1:hover {
	color: #283B4D;
}

/* for transparent buttons with color palette picker (e.g., Video Lightbox) manually force the color on the default state (not just hover) */
.nectar-button[data-color^="transparent-"]:hover {
	color: #fff !important;
}

.nectar-button[data-color="transparent-accent-color"] {
	color:        #21B6D7 !important;
	border-color: #21B6D7 !important;
}
.nectar-button[data-color="transparent-accent-color"]:hover {
	color: #283B4D !important;
}

.nectar-button[data-color="transparent-extra-color-1"] {
	color:        #FFC700 !important;
	border-color: #FFC700 !important;
}
.nectar-button[data-color="transparent-extra-color-1"]:hover {
	color: #283B4D !important;
}

.nectar-button[data-color="transparent-extra-color-2"] {
	color:        #283B4D !important;
	border-color: #283B4D !important;
}

.nectar-button[data-color="transparent-extra-color-3"] {
	color:        #616569 !important;
	border-color: #616569 !important;
}


/*! ----- Columns: Alignment: Vertical (custom) ----- */

.vc_row.vc_row-o-equal-height > .span_12 > .vc_column_container.wstl-v-align-top > .vc_column-inner {
	justify-content: flex-start;
}

.vc_row.vc_row-o-equal-height > .span_12 > .vc_column_container.wstl-v-align-middle > .vc_column-inner {
	justify-content: center;
}

.vc_row.vc_row-o-equal-height > .span_12 > .vc_column_container.wstl-v-align-bottom > .vc_column-inner {
	justify-content: flex-end;
}


/*! ----- Columns: Boxed (Salient legacy/deprecated) ----- */

.wpb_column.boxed > .vc_column-inner {
	/* "small depth" shadow */
	-webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.24);
	        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.24);
}
.wpb_column.boxed:hover > .vc_column-inner {
	-webkit-box-shadow: 0 6px 10px rgba(0, 0, 0, 0.15);
	        box-shadow: 0 6px 10px rgba(0, 0, 0, 0.15);
}


/*! ----- Columns: Divider (custom) ----- */

@media (min-width: 1000px) {
	.wstl-cols-divider > .row_col_wrap_12 > .wpb_column:nth-child(n + 2)::before {
		content: '';
		position: absolute;
		top:    25%;
		bottom: 25%;
		left:   -2px;
		border: 2px solid #009BBF;
	}
}


/*! ----- Columns: Hover Pop ----- */
/* On hover column pops-up a bit and shadow grows */

.wpb_column.wstl-hover-pop > .vc_column-inner,
.wpb_column.wstl-hover-pop > .vc_column-inner > .column-bg-overlay-wrap {
	transition: all 0.3s ease;
}
.wpb_column.wstl-hover-pop:hover > .vc_column-inner {
	transform: scale(1.05) translate(0, -8px);
}
.wpb_column.wstl-hover-pop:hover > .vc_column-inner > .column-bg-overlay-wrap {
	/* "medium_depth" shadow */
	-webkit-box-shadow: 0 8px 16px rgba(0, 0, 0, 0.24);
			box-shadow: 0 8px 16px rgba(0, 0, 0, 0.24);
}



/*! ----- Columns: Overlays on Top of Inner Content ----- */

.wpb_column.wstl-overlay-over-content > .vc_column-inner > .column-bg-overlay-wrap {
	z-index: auto;
}

.wpb_column.wstl-overlay-over-content > .vc_column-inner > .column-bg-overlay-wrap > .column-overlay-layer {
	z-index: 10;
}


/*! ----- Columns: Overlays Display Only on Hover ----- */

.wpb_column.wstl-overlay-on-hover > .vc_column-inner > .column-bg-overlay-wrap .column-overlay-layer {
	display: none;
}
.wpb_column.wstl-overlay-on-hover:hover > .vc_column-inner > .column-bg-overlay-wrap > .column-overlay-layer {
	display: block;
	animation: 0.2s ease wstl-fadein;
}


/*! ----- Container Side Shadows ----- */

@media screen and (min-width: 1000px) {
	.desktop-side-shadows {
		box-shadow: 100px 0 100px -100px rgba(0, 0, 0, 0.15),  /* right shadow */
		           -100px 0 100px -100px rgba(0, 0, 0, 0.15);  /* left shadow */
	}
}


/*! ----- Floaty, Background (custom) ----- */

.wstl-bg-floaty {
	position: absolute;
	width: 100%;
}
.full-width-section .wstl-bg-floaty {
	/* match theme's fullwidth styling of .row-bg-wrap */
	left: 50%;
	width: 100vw;
	margin-left: -50vw;
}

.wstl-bg-floaty-image {
	position: absolute;
	z-index: -1;
	width: 100%;
	background: transparent center / contain no-repeat;
}


/*! ----- Floaty, Foreground (custom) ----- */

body .wstl-fg-floaty {
	position: absolute;
	z-index: 11;
	margin: 0;
}

.wstl-fg-floaty-image {
	margin: 0;
}


/*! ----- Image Gallery ----- */

/*! --- Image Gallery: Flickity: Full Width Photo & Flush to Edges --- */

.wpb_gallery.wstl-style-full-n-flush .nectar-flickity .flickity-viewport {
	margin: 0;  /* remove top/bottom spacing */
}

.wpb_gallery.wstl-style-full-n-flush .nectar-flickity .flickity-slider .cell {
	width: 100%;      /* full width photo */
	margin-right: 0;  /* no space between photos */
}

/*! Nav dots */
.wpb_gallery.wstl-style-full-n-flush .nectar-flickity .flickity-page-dots {
	bottom: 0;   /* overlap bottom of slider/photos */
}

.wpb_gallery.wstl-style-full-n-flush .nectar-flickity .flickity-page-dots .dot {
	opacity: 0.6;
}

.wpb_gallery.wstl-style-full-n-flush .nectar-flickity .flickity-page-dots .dot::before {
	background: #fff;
	box-shadow: 0 0 6px #000;
}
.wpb_gallery.wstl-style-full-n-flush .nectar-flickity .flickity-page-dots .dot.is-selected::before {
	background: transparent;
	border: 1px solid #fff;
	box-shadow: 0 0 4px #000;
}


/*! ----- Image with Hotspots ----- */

/* FIX: always showing tooltips collapse when not hovered */
.nectar_image_with_hotspots[data-tooltip-func="always_show"] .nectar_hotspot_wrap {
	width: auto !important;
}

/*! --- Image w/ Hotspots: Blocky Custom Style --- */

@media only screen and (min-width: 690px) {
	.image-hotspots-blocky .nectar_hotspot_wrap {
		height: auto !important;
	}
	.image-hotspots-blocky .nectar_hotspot_wrap .nttip {
		-webkit-box-shadow: 0 0 0 20px rgba(255, 255, 255, 0.15),
		                    0 0 30px   rgba(0, 0, 0, 0.5);
		   -moz-box-shadow: 0 0 0 20px rgba(255, 255, 255, 0.15),
		                    0 0 30px   rgba(0, 0, 0, 0.5);
		        box-shadow: 0 0 0 20px rgba(255, 255, 255, 0.15),
		                    0 0 30px   rgba(0, 0, 0, 0.5);
	}

	/* hotspot icon */
	.image-hotspots-blocky .nectar_hotspot_wrap .nectar_hotspot {
		width: 35px;
		height: 100%;
		border-radius: 0;
		cursor: default;  /* don't look like a clickable link */
	}
	.image-hotspots-blocky .nectar_hotspot_wrap .nectar_hotspot::before {
		display: none;
	}
	/* plus icon */
	.image-hotspots-blocky .nectar_image_with_hotspots[data-hotspot-icon="plus_sign"] .nectar_hotspot span {
		position: absolute;
		top:  50%;
		left: 50%;
		margin-top:  -6px;  /* ~1/2 height */
		margin-left: -6px;  /* ~1/2 width */
		width:  13px;
		height: 13px;
	}
	.image-hotspots-blocky .nectar_image_with_hotspots[data-hotspot-icon="plus_sign"] .nectar_hotspot span::before {
		top:  5px;
		left: 0;
		width:  13px;
		height: 3px;
	}
	.image-hotspots-blocky .nectar_image_with_hotspots[data-hotspot-icon="plus_sign"] .nectar_hotspot span::after {
		top:  0;
		left: 5px;
		width:  3px;
		height: 13px;
	}

	/* hotspot tooltip */
	.image-hotspots-blocky .nectar_hotspot_wrap .nttip {
		max-width: 300px;
		padding: 0;
		font-size: 16px;
		font-weight: 700;
		line-height: 1;
		color: #283B4D;
		border-radius: 0;
		z-index: 99;  /* below hotspot icon */
	}
	.image-hotspots-blocky .nectar_image_with_hotspots .nectar_hotspot_wrap .nttip[data-tooltip-position="right"],
	.image-hotspots-blocky .nectar_image_with_hotspots .nectar_hotspot_wrap .nttip.force-right,
	.image-hotspots-blocky .nectar_image_with_hotspots .nectar_hotspot_wrap .nttip[data-tooltip-position="left"],
	.image-hotspots-blocky .nectar_image_with_hotspots .nectar_hotspot_wrap .nttip.force-left {
		/* reset values (!important necessary for .force-* classes)*/
		margin: 0 !important;
		-webkit-transform: none !important;
		    -ms-transform: none !important;
		        transform: none !important;
	}
	.image-hotspots-blocky .nectar_image_with_hotspots .nectar_hotspot_wrap .nttip[data-tooltip-position="right"],
	.image-hotspots-blocky .nectar_image_with_hotspots .nectar_hotspot_wrap .nttip[data-tooltip-position="left"].force-right {
		left: 0;
		margin-right:  0 !important;
		padding-right: 0;
		padding-left:  35px;              /* accomodate the icon */
	}
	.image-hotspots-blocky .nectar_image_with_hotspots .nectar_hotspot_wrap .nttip[data-tooltip-position="left"],
	.image-hotspots-blocky .nectar_image_with_hotspots .nectar_hotspot_wrap .nttip[data-tooltip-position="right"].force-left {
		left: -100%;                     /* pull to the left side of the icon */
		margin-right: -35px !important;  /* snug right edge with the icon */
		padding-right: 35px;             /* accomodate the icon */
		padding-left:  0;
	}

	.image-hotspots-blocky .nectar_hotspot_wrap .nttip .inner {
		padding: 1.1em 0.75em;
	}
}

@media only screen and (min-width: 1000px) {
	.image-hotspots-blocky .nectar_hotspot_wrap .nttip {
		font-size: 22px;
	}
}


/*! ----- Layered Image Column ----- */
/**
 * Via class added to column and CSS added to the page for manual positioning and scaling (using %s).
 *
 * Add Single Image elements to the column. The first image should fit the max column width, and will act as the anchor other images position/scale against.
 *
 * added 2019-03
 */

.wstl-layered-img-col {}

/* Remove animated imgs' added padding (so layered images maintain scale) */
.wstl-layered-img-col img.img-with-animation[data-animation="fade-in-from-left"] {
	padding-right: 0;
}

/* All but the first image layer is absolutely positioned */
.wstl-layered-img-col .img-with-aniamtion-wrap:nth-of-type(n+2) {
	position: absolute;
}


/*! ----- Lists: Fancy Unordered Lists ----- */

.nectar-fancy-ul:last-child ul {
	margin-bottom: 0;
}

/* Increase the icon size globally */
.nectar-fancy-ul ul li {
	margin:  0 0 1em;
	padding: 0 0 0 3em;
}

.nectar-fancy-ul ul li .icon-default-style[class^="icon-"] {
	top: -0.075em;
	width:  1em;
	height: 1em;
	font-size: 1.857em;  /* ~26px */
	line-height: 1;
}

/*! --- Customize the solid circled checkmark icon to use a FA's thinner checkmark --- */

/* Create our own circled background and re-color the icon */
.nectar-fancy-ul .icon-ok-sign.icon-default-style {
	color:      #fff;
	background: #009BBF;
	border-radius: 10em;
}
.nectar-fancy-ul .icon-ok-sign.icon-default-style.extra-color-1 {
	color:      #000 !important;
	background: #FFC700;
}
.nectar-fancy-ul .icon-ok-sign.icon-default-style.extra-color-2 {
	color:      #fff !important;
	background: #283B4D;
}
.nectar-fancy-ul .icon-ok-sign.icon-default-style.extra-color-3 {
	color:      #fff !important;
	background: #616569;
}

.nectar-fancy-ul .icon-ok-sign::before {
	content: '\f00c';  /* check mark, no bg */
	font-weight: 400;  /* FA Regular */
	/* decrease the icons size */
	font-size: 0.7em;
	vertical-align: middle;
	/* nudge a bit higher */
	position: relative;
	top: -0.05em;
}


/*! ----- Lists: Checkmark Icons (custom) ----- */
/* Note: Not currently in use, but keeping our work in case [2020-10] */

ul.wstl-list-checkmark,
.wstl-list-checkmark ul {
	margin-left: 0;
}

ul.wstl-list-checkmark li,
.wstl-list-checkmark ul li {
	position: relative;
	margin:  0 0 1em;
	padding: 0 0 0 3em;
	list-style: none;
}

ul.wstl-list-checkmark li::before,
.wstl-list-checkmark ul li::before {
	content: '\f00c';
	position: absolute;
	top: -0.05em;
	left: 0;
	width:  1.4em;
	height: 1.4em;
	font-family: "Font Awesome 5 Pro" !important;
	font-size: 1.325em;
	font-weight: 400;
	font-style: normal;
	line-height: 1.6;
	text-align: center;
	color:      #fff;
	background: #009BBF;
	border-radius: 10em;
}


/*! ----- Magnific Lightbox ----- */

body.ascend .mfp-arrow {
	/* enforce use of Font Awesome Pro */
	font-family: "Font Awesome 5 Pro" !important;
	font-weight: 400;
}
body.ascend .mfp-arrow::after {
	top: 16px;  /* nudge 1px up*/
}

/* Move the Magnific lightboxes box shadow to avoid "jiggle" on playing videos */
/* issue ref:  https://github.com/dimsemenov/Magnific-Popup/issues/1062 */
.mfp-iframe-scaler iframe {
	box-shadow: none;
}
.mfp-iframe-scaler {
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
}



/*! ----- More Links ----- */
/* Customized text links for further reading [2020-10]*/

/* applied to a parent container element */
.wstl-more-link a,
/* applied directly to a text link */
a.wstl-more-link {
	font-weight: 500;
}

.wstl-more-link a::after,
a.wstl-more-link::after {
	content: '›';
	display: inline-block;
	margin-left: 0.25em;
	transition: transform 0.2s ease;
}
/* don't add to full column links */
.wstl-more-link a.column-link::after {
	content: none;
}
.wstl-more-link a:hover::after,
a.wstl-more-link:hover::after {
	transform: translateX(0.5em);
}


/*! ----- Nectar Milestone (Number Counter) ----- */

.nectar-milestone .number {
	font-family: inherit;
}

.nectar-milestone .number h1,
.nectar-milestone .number h2,
.nectar-milestone .number h3,
.nectar-milestone .number h4,
.nectar-milestone .number h5,
.nectar-milestone .number h6 {
	font-weight: inherit;
}

.nectar-milestone .subject {
	font-weight: inherit;
}



/*! ----- Pagination ----- */

#pagination a {
	text-decoration: none;
}

html body #pagination > span.page-numbers.current,
html body nav.woocommerce-pagination span.page-numbers.current {
	-webkit-box-shadow: none;
	        box-shadow: none;
}


/*! ----- Portfolio Items ----- */

/* items fill column width (logo centers) */
.portfolio-items.no-masonry .col .inner-wrap {
	width: 100%;
}
.portfolio-items .clients > div:hover {
	opacity: 1 !important;
}

.portfolio-items .col .work-item {
	border-radius: 10px;
	-webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.24);
	        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.24);
}

/* remove built-in overlay so gradient can be added (below) */
.portfolio-items .col[data-default-color="true"] .work-item:not(.style-3) .work-info-bg {
	background: transparent !important;
	opacity: 1 !important;
}
.work-item:hover .work-info-bg,
.work-item:hover .work-info-bg::after {
	opacity: 1 !important;
}

.portfolio-items .col[data-default-color="true"] .work-item.style-2 .work-info,
.portfolio-items .col[data-default-color="true"] .work-item.style-2 .work-info h3 {
	color: #283B4D;
}

/* Blurb text below title */
.portfolio-items .col .work-info .vert-center p {
	font-size: 0.75em;
	letter-spacing: 0.1em;
	text-transform: uppercase;
}


/*! ----- Recent Posts (Page Builder) ----- */

.blog-recent .col .post-header a,
.blog-recent .col .post-header h3 a:hover,
.blog-recent .col .post-header h3 a:focus {
	color: #DA1D47;
}

.blog-recent .col .post-header a:hover,
.blog-recent .col .post-header a:focus {
	color: #283B4D;
}

/*! ----- Tabs (Page Builder) ----- */

.tabbed .wpb_tabs_nav a {
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	text-decoration: none;
	border: 0 !important;
	background: none;
}
.tabbed .wpb_tabs_nav a:not(.active-tab):hover,
.tabbed .wpb_tabs_nav a:not(.active-tab):focus {
	color:      #283B4D;
	background: rgba(33, 182, 215, 0.15);
}
.tabbed .wpb_tabs_nav a.active-tab {
	color: #283B4D;
	cursor: default;
}

@media screen and (min-width: 1000px) {

	.tabbed .wpb_tabs_nav a {
		margin-right: 1em;
	}
	.tabbed .wpb_tabs_nav li:last-child a {
		margin-right: 0;
	}
}

/*! --- Tabs: Toggle-style (Custom) --- */

.wstl-tabs-toggle {}

.wstl-tabs-toggle .tabbed[data-style="default"] .wpb_tabs_nav {
	margin-bottom: 20px;
}

.wstl-tabs-toggle .tabbed[data-style="default"] .wpb_tabs_nav li {
	padding: 5px !important;
	margin: 0;
	background: #21B6D7;
}
.wstl-tabs-toggle .tabbed[data-style="default"] .wpb_tabs_nav li:first-of-type {
	border-top-left-radius:    5px;
	border-bottom-left-radius: 5px;
}
.wstl-tabs-toggle .tabbed[data-style="default"] .wpb_tabs_nav li:last-of-type {
	border-top-right-radius:    5px;
	border-bottom-right-radius: 5px;
}

.wstl-tabs-toggle .tabbed[data-style="default"] .wpb_tabs_nav li a {
	padding: 0.25em 2em !important;
	margin: 0;
	font-size: 1.2857em;  /* p-lg */
	font-weight: 400;
	letter-spacing: 0;
	text-transform: none;
	line-height: 1.2;
	color: #283B4D;
	border-radius: 5px;
}
.wstl-tabs-toggle .tabbed[data-style="default"] .wpb_tabs_nav li a.active-tab {
	color:      #fff;
	background: #283B4D;
}

@media screen and (max-width: 690px) {
	/* Fill in the whole nav bg in case tabs are wrapping to multiple lines */
	.wstl-tabs-toggle .tabbed[data-style="default"] .wpb_tabs_nav {
		background: #21B6D7;
		border-radius: 5px;
	}
}

/* Custom Sliding Background */

.js .wstl-tabs-toggle .tabbed[data-style="default"] .wpb_tabs_nav {
	position: relative;
}
.js .wstl-tabs-toggle .tabbed[data-style="default"] .wpb_tabs_nav li {
	position: static;  /* make container the offset parent */
}
.js .wstl-tabs-toggle .tabbed[data-style="default"] .wpb_tabs_nav li a {
	position: relative;
	z-index: 1;  /* keep text above sliding background */
}
.js .wstl-tabs-toggle .tabbed[data-style="default"] .wpb_tabs_nav li a.active-tab {
	background: transparent;
}
.js .wstl-tabs-toggle .tabbed[data-style="default"] .wstl-js-bg {
	position: absolute;
	border-radius: 5px;
	background: #283B4D;
}
.js .wstl-tabs-toggle .tabbed[data-style="default"] .wstl-js-bg.wstl-js-animate {
	transition: all 0.4s ease,
	            top 0.1s ease;  /* switch between wrapped lines quickly */
}


/*! ----- Testimonial Slider (Page Builder) ----- */

.testimonial_slider[data-style="minimal"] .testimonial-next-prev a {
	text-decoration: none;
}
.testimonial_slider[data-style="minimal"] .testimonial-next-prev .next:after,
.testimonial_slider[data-style="minimal"] .testimonial-next-prev .prev:after {
	/* better vertical centering (due to manual FA 5?) */
	top: 50%;
	margin-top: -2px;
}


/*! ----- Social Icons ----- */

.wstl-social-icons {
	display: flex;  /* remove whitespace between elements */
	flex-wrap: wrap;
	margin: 0;
	padding: 0;
}

.wstl-social-icons li {
	display: inline-block;
	margin: 0 0.5em 0.5em 0;
	padding: 0;
	list-style: none;
}
.wstl-social-icons li:last-child {
	margin-right: 0;
}

.wstl-social-icons li a {
	display: inline-block;
	font-size: 1em;
	text-align: center;
	text-decoration: none;
	transition: all 0.2s ease;
}

.wstl-social-icons li i {
	font-size: 1em;
}

/* custom icons */
.wstl-social-icons .wstl-icon {
	display: inline-block;
	position: relative;
	top: -2px;  /* matching FA */
	width:  1em;
	height: 1em;
	margin: auto;
	text-align: center;
	line-height: 1;
	vertical-align: middle;
}

.wstl-social-icons .wstl-icon svg path {
	fill: currentcolor;
}


/*! ----- Team Members ----- */

/*! --- Newer, external link style [2021-04] --- */

.team-member[data-style="meta_overlaid_alt"] .team-member-image {
	/* display as a square aspect ratio */
	height: auto;
	padding-bottom: 100%;
	/* make a circle */
	border-radius: 50%;
}

.team-member[data-style="meta_overlaid_alt"] .team-meta {
	position: absolute;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	top:    0;
	left:   0;
	right:  0;
	bottom: 0;
	padding: 1em;
	text-align: center;
}
.team-member[data-style="meta_overlaid_alt"] .team-meta h3 {
	margin: 0;
	line-height: 1.1;
}
.team-member[data-style="meta_overlaid_alt"] .team-meta p {
	padding: 0.25em 0 0 0;
	line-height: 1.1;
}

/* overlay */
.team-member[data-style="meta_overlaid_alt"]::after {
	background: rgba(0, 0, 0, 0.4);
	border-radius: 50%;
}

/* remove global hover border */
.team-member[data-style="meta_overlaid_alt"] > a::before {
	display: none;
}

@media (min-width: 1000px) {
	.team-member[data-style="meta_overlaid_alt"] .team-meta h3 {
		font-size: 1.4em;
	}
}


/*! --- Team Members: Older, inline Bio style [<2021-04] --- */

.team-member[data-style="meta_below"] > a {
	/* support for Gradient Image Overlays (below) */
	display: inline-block;
	position: relative;
	margin-bottom: 15px;
}

.team-member[data-style="meta_below"] > a img {
	margin-bottom: 0;  /* moved to parent (above) */
}

/* name */
.team-member[data-style="meta_below"] h4 a {
	color: #283B4D;
	text-decoration-color: rgba(40, 59, 77, 0.4);
}
.team-member[data-style="meta_below"] h4 a.accent-color:hover,
.team-member[data-style="meta_below"]:hover h4 a.accent-color,
.team-member[data-style="meta_below"].js-active h4 a.accent-color {
	color: #DA1D47 !important;
	text-decoration-color: currentcolor;
}

/* title/position */
.team-member[data-style="meta_below"] .position {
	line-height: normal;
}


/*! --- Team Member: Bio --- */
/* custom inline bio container added via JS */

.team-member-bio {
	clear: both;
	position: relative;
	width: 100%;
}

/* loading indicator */
.team-member-bio .load-spinner {
	padding: 0.5em 0;
	font-size: 3em;
	line-height: 0;
	text-align: center;
	opacity: 0;
	-webkit-transition: opacity 0.3s ease;
	   -moz-transition: opacity 0.3s ease;
	        transition: opacity 0.3s ease;
}
.team-member-bio.js-active .load-spinner {
	opacity: 0.25;
}
.team-member-bio.js-loaded .load-spinner {
	opacity: 0;  /* keep hidden once loaded */
}

/* override legacy Salient FA rules */
.team-member-bio .load-spinner [class*="fa-"] {
	width:  auto;
	height: auto;
	font-size: inherit;
}

/* bio content */
.team-member-bio .content {
	margin-top: -6em;  /* position over spinner, to container top */
}

/* "transcript" container */
.team-member-bio .toggles {
	margin-top: 1.5em;
}


/*! ----- Testimonial (via Text Block class) ----- */

.nectar_single_testimonial, /* page builder element */
.testimonial blockquote {   /* class added to a Text Block */
/* 	font-weight: normal; */
}

/* quote text */
.nectar_single_testimonial p,
.testimonial blockquote p {
	font-style: italic;
	color: #283B4D
}

/* footer/citation */
.nectar_single_testimonial .wrap,
.testimonial blockquote footer {
	font-size: 16px;
}
.nectar_single_testimonial .wrap span {
	display: inline;
}
.nectar_single_testimonial .wrap span:not(.title),
.testimonial blockquote .name {
	font-size: inherit;
	font-weight: 500;
	line-height: normal;
}
.nectar_single_testimonial .wrap span:not(.title)::after {
	content: ', ';
}
.nectar_single_testimonial .wrap span.title {
	font-size: inherit;
	color: inherit;
}

/* within light content container */
.light .nectar_single_testimonial,
.light .testimonial blockquote,
.testimonial.light blockquote {
	color: #fff;
}
.light .nectar_single_testimonial p,
.light .testimonial blockquote p,
.testimonial.light blockquote p,
.light .nectar_single_testimonial .wrap span,
.light .testimonial blockquote .name,
.testimonial.light blockquote .name {
	color: inherit;
}

/* fix Salient responsive rule */
@media only screen and (max-width: 1300px) and (min-width: 990px) {

	.full-width-content .wpb_column .wpb_row .wpb_column:not(.vc_col-md-12) .testimonial blockquote p {
		font-size: inherit;
		line-height: inherit;
	}
}


/*! ----- Video Boxes ----- */

.nectar-video-box {}

/* *** testing for removal ***
.video-box-size-to-image .nectar-video-box {
	display: inline-block;
}
*/

/* change default play button color */
.nectar-video-box[data-color="default-accent-color"] a.nectar_video_lightbox {
	background-color: rgba(40, 59, 77, 0.65) !important;
	-webkit-transition: all 0.3s ease;
	   -moz-transition: all 0.3s ease;
	        transition: all 0.3s ease;
}
.nectar-video-box[data-color="default-accent-color"] a:hover ~ a.nectar_video_lightbox,
.nectar-video-box[data-color="default-accent-color"] a.nectar_video_lightbox:hover {
	background-color: rgb(40, 59, 77) !important;
}

/* larger default size play button */
.nectar-video-box a.nectar_video_lightbox {
	-webkit-transform: scale( 1.4 );
	        transform: scale( 1.4 );
}

/* "larger" Play Button Size option */
.nectar-video-box[data-play-button-size="larger"] a.nectar_video_lightbox {
	/* reset Salient sizing to default */
	width:  70px;
	height: 70px;
	margin-top:  -35px;
	margin-left: -35px;
}
.nectar-video-box[data-play-button-size="larger"] a.nectar_video_lightbox,
.play-button-large .nectar-video-box a.nectar_video_lightbox {  /* using a class added to a Video Lightbox's container (e.g., for Video Chapters shortcode) */
	-webkit-transform: scale( 2 );
	        transform: scale( 2 );
}
@media screen and (max-width: 690px) {
	.nectar-video-box[data-play-button-size="larger"] a.nectar_video_lightbox,
	.play-button-large .nectar-video-box a.nectar_video_lightbox {
		-webkit-transform: scale( 1.5 );
		        transform: scale( 1.5 );
	}
}


/*! ----- Video with Chapters ----- */

.video-with-chapters {}

.video-with-chapters .video-player {
	position: relative;
	margin-bottom: 60px;
	line-height: 0;
	/* "small depth" box shadow */
	-webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.24);
	        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.24);
}

.video-with-chapters .iframe-embed {
	margin-bottom: 0;
}

.video-with-chapters .video-poster {
	position: absolute;
	top:    0;
	right:  0;
	bottom: 0;
	left:   0;
	margin: 0;
	overflow: hidden;
}
.video-with-chapters .video-poster img {
	min-width:  100%;
	min-height: 100%;
}

@media screen and (min-width: 1000px) {

	.video-with-chapters .video-player {
		margin-right: auto;
		margin-left:  auto;
		max-width: 66.667%;  /* 8/12 column width */
	}
}

/*! --- Video Chapters --- */

.video-with-chapters .video-chapters .heading {
	margin-bottom: 1em;
	font-size: 30px;
}

.video-with-chapters .video-chapters ul.chapters {
	margin: 0;
	font-size: 13px;
	font-weight: 700;
	text-transform: uppercase;
	text-align: center;
	letter-spacing: 0.2em;
}
.video-with-chapters .video-chapters ul.chapters li {
	display: inline-block;
	margin: 0 1em 1em;
}

/*! --- HOTFIX 2019-01: Video Responsive IFRAME --- */
/**
 * Issue: Salient v10.0.1 uses the calculated width instead of set width attribute to calc aspect ratio, so max-width: 100% causes miscalcuation.
 *
 * Fix: Unset max-width until after aspect ratio is calculated. Also hide to avoid flash of overflowed content.
 */
.js .video-player iframe:not([data-aspectratio]) {
	max-width: none;
	opacity: 0;
}



/*! ===== Effects ===== */

/*! ----- Nectar Drop Shadows ----- */

/* "Small" depth */
img.img-with-animation[data-shadow="small_depth"],
.img-with-aniamtion-wrap[data-shadow="small_depth"] .hover-wrap,
.wpb_column[data-shadow="small_depth"] > .vc_column-inner > .column-bg-overlay-wrap,
.nectar_cascading_images .cascading-image[data-shadow="small_depth"] .img-wrap,
.nectar_cascading_images .cascading-image[data-shadow="small_depth"] .bg-color,
.nectar-video-box[data-shadow="small_depth"]:before,
.nectar-flickity[data-shadow="small_depth"] div.cell {
	-webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.24);
	        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.24);
}

/* "Medium" depth */
img.img-with-animation[data-shadow="medium_depth"],
.img-with-aniamtion-wrap[data-shadow="medium_depth"] .hover-wrap,
.wpb_column[data-shadow="medium_depth"] > .vc_column-inner > .column-bg-overlay-wrap,
.nectar_cascading_images .cascading-image[data-shadow="medium_depth"] .img-wrap,
.nectar_cascading_images .cascading-image[data-shadow="medium_depth"] .bg-color,
.nectar-video-box[data-shadow="medium_depth"]:before,
.nectar-flickity[data-shadow="medium_depth"] div.cell {
	-webkit-box-shadow: 0 8px 16px rgba(0, 0, 0, 0.24);
			box-shadow: 0 8px 16px rgba(0, 0, 0, 0.24);
}

/* "Large" depth */
img.img-with-animation[data-shadow="large_depth"],
.img-with-aniamtion-wrap[data-shadow="large_depth"] .hover-wrap,
.wpb_column[data-shadow="large_depth"] > .vc_column-inner > .column-bg-overlay-wrap,
.nectar_cascading_images .cascading-image[data-shadow="large_depth"] .img-wrap,
.nectar_cascading_images .cascading-image[data-shadow="large_depth"] .bg-color,
.nectar-video-box[data-shadow="large_depth"]:before,
.nectar-flickity[data-shadow="large_depth"] div.cell {
	-webkit-box-shadow: 0 20px 40px rgba(0, 0, 0, 0.24);
			box-shadow: 0 20px 40px rgba(0, 0, 0, 0.24);
}

/* "Very Large" depth (used for soft image shadow) */
img.img-with-animation[data-shadow="x_large_depth"],
.img-with-aniamtion-wrap[data-shadow="x_large_depth"] .hover-wrap,
.wpb_column[data-shadow="x_large_depth"] > .vc_column-inner > .column-bg-overlay-wrap,
.nectar_cascading_images .cascading-image[data-shadow="x_large_depth"] .img-wrap,
.nectar_cascading_images .cascading-image[data-shadow="x_large_depth"] .bg-color,
.nectar-video-box[data-shadow="x_large_depth"]:before,
.nectar-flickity[data-shadow="x_large_depth"] div.cell {
	-webkit-box-shadow: 0 0 45px rgba(0, 0, 0, 0.1);
			box-shadow: 0 0 45px rgba(0, 0, 0, 0.1);
}

/* Override video box to be full width (so their shadows don't get lost) */
.nectar-video-box[data-shadow*="depth"]:before {
	left: 0;
	top:  0;
	width:  100%;
	height: 100%;
}


/*! ----- Zoomed Featured Images (disable) ----- */

/* blog post/articles */
.post-area.masonry.classic_enhanced article.post .inner-wrap:hover .post-featured-img img,
.post-area.masonry.classic_enhanced article.post.large_featured .inner-wrap:hover .post-featured-img,
.post-area.masonry.classic_enhanced article.post.wide_tall .inner-wrap:hover .post-featured-img,
.post-area.masonry.classic_enhanced article.post.format-gallery .inner-wrap:hover .flickity-slider .cell img,
.post-area.masonry.classic_enhanced article.post.format-gallery.wide_tall .inner-wrap:hover .flickity-viewport,
.post-area.masonry.classic_enhanced article.post.format-gallery.large_featured .inner-wrap:hover .flickity-viewport,
/* related posts */
.single .related-posts[data-style="material"] .post:hover .post-featured-img img,
/* next post */
.blog_next_prev_buttons img,
/* video boxes */
.nectar-video-box img,
.nectar-video-box:hover img {
	/* remove image zoom effect */
	-webkit-transform: none !important;
	        transform: none !important;
}


/*! ----- Image Hover Overlays ----- */

/* blog post/articles */
DISABLED.post-area.masonry.classic_enhanced article.post .inner-wrap .post-featured-img::after,
DISABLED.post-area.masonry.classic_enhanced article.post.large_featured .inner-wrap .post-featured-img::after,
DISABLED.post-area.masonry.classic_enhanced article.post.wide_tall .inner-wrap .post-featured-img::after,
DISABLED.post-area.masonry.classic_enhanced article.post.format-gallery .inner-wrap .flickity-slider .cell::after,
DISABLED.post-area.masonry.classic_enhanced article.post.format-gallery.wide_tall .inner-wrap .flickity-viewport::after,
DISABLED.post-area.masonry.classic_enhanced article.post.format-gallery.large_featured .inner-wrap .flickity-viewport::after,
/* portfolio items */
.portfolio-items .col .work-item .work-info-bg::after,
/* related posts */
DISABLED.blog-recent .img-link::after,
/* video box */
.nectar-video-box::after,
/* team members */
DISABLED.team-member > a::after {
	content: '';
	position: absolute;
	top:    0;
	right:  0;
	bottom: 0;
	left:   0;
	background: #21B6D7;
	opacity: 0;
	-webkit-transition: opacity 0.3s ease;
	        transition: opacity 0.3s ease;
}

/* blog post/articles */
DISABLED.post-area.masonry.classic_enhanced article.post .inner-wrap:hover .post-featured-img::after,
DISABLED.post-area.masonry.classic_enhanced article.post.large_featured .inner-wrap:hover .post-featured-img::after,
DISABLED.post-area.masonry.classic_enhanced article.post.wide_tall .inner-wrap:hover .post-featured-img::after,
DISABLED.post-area.masonry.classic_enhanced article.post.format-gallery .inner-wrap:hover .flickity-slider .cell::after,
DISABLED.post-area.masonry.classic_enhanced article.post.format-gallery.wide_tall .inner-wrap:hover .flickity-viewport::after,
DISABLED.post-area.masonry.classic_enhanced article.post.format-gallery.large_featured .inner-wrap:hover .flickity-viewport::after,
/* portfolio items */
.portfolio-items .col .work-item:hover .work-info-bg::after,
/* related posts */
DISABLED.blog-recent .post:hover .img-link::after,
/* video box */
.nectar-video-box:hover::after,
/* team members */
DISABLED.team-member:hover > a::after {
	opacity: 0.3;
}

/* selected team member */
DISABLED.team-member.js-active > a::after {
	opacity: 0;
}


/*! ----- Image Hover Border Overlays (w/shadow) ----- */

/* blog post/articles */
.post-area.masonry.classic_enhanced article.post .inner-wrap .post-featured-img::before,
.post-area.masonry.classic_enhanced article.post.large_featured .inner-wrap .post-featured-img::before,
.post-area.masonry.classic_enhanced article.post.wide_tall .inner-wrap .post-featured-img::before,
.post-area.masonry.classic_enhanced article.post.format-gallery .inner-wrap .flickity-slider .cell::before,
.post-area.masonry.classic_enhanced article.post.format-gallery.wide_tall .inner-wrap .flickity-viewport::before,
.post-area.masonry.classic_enhanced article.post.format-gallery.large_featured .inner-wrap .flickity-viewport::before,
/* related posts */
.blog-recent .img-link::before,
/* video box */
DISABLED.nectar-video-box::before,
/* team members */
.team-member > a::before,
.team-member.js-active > a::before {
	content: '';
	position: absolute;
	top:    0;
	right:  0;
	bottom: 0;
	left:   0;
	border: 8px solid #DA1D47;
	background: transparent;
	-webkit-box-shadow: 0 8px 16px rgba(0, 0, 0, 0.24);
	        box-shadow: 0 8px 16px rgba(0, 0, 0, 0.24);
	opacity: 0;
	-webkit-transition: all 0.3s ease;
	        transition: all 0.3s ease;
	z-index: -1;
}

/* blog post/articles */
.post-area.masonry.classic_enhanced article.post .inner-wrap:hover .post-featured-img::before,
.post-area.masonry.classic_enhanced article.post.large_featured .inner-wrap:hover .post-featured-img::before,
.post-area.masonry.classic_enhanced article.post.wide_tall .inner-wrap:hover .post-featured-img::before,
.post-area.masonry.classic_enhanced article.post.format-gallery .inner-wrap:hover .flickity-slider .cell::before,
.post-area.masonry.classic_enhanced article.post.format-gallery.wide_tall .inner-wrap:hover .flickity-viewport::before,
.post-area.masonry.classic_enhanced article.post.format-gallery.large_featured .inner-wrap:hover .flickity-viewport::before,
/* related posts */
.blog-recent .post:hover .img-link::before,
/* video box */
DISABLED.nectar-video-box:hover::before,
/* team members */
.team-member:hover > a::before,
.team-member.js-active > a::before {
	/* offset border width (to show) */
	top:    -8px;
	right:  -8px;
	bottom: -8px;
	left:   -8px;
	opacity: 1;
}

/* overflow fixes to show outer border */
/* .nectar-video-box, */
.masonry.classic_enhanced .masonry-blog-item .inner-wrap {
	overflow: visible;
}

/* layer order fixes to show border/shadow above surrounding content */
.post-area.masonry.classic_enhanced article.post .post-featured-img {
	z-index: 101;
}


/*! ----- Fancy Borders (Gradient Borders) ----- */

/* Column: full border or outline 2020-10 */
.wpb_column.wstl-fancy-border > .vc_column-inner > .column-bg-overlay-wrap {
	border: 7px solid transparent;
}
.wpb_column.wstl-fancy-outline > .vc_column-inner > .column-bg-overlay-wrap::before,
.wpb_column.wstl-fancy-border > .vc_column-inner > .column-bg-overlay-wrap::before {
	content: '';
	position: absolute;
	z-index: -1;
	top:    -7px;
	right:  -7px;
	bottom: -7px;
	left:   -7px;
	background: -webkit-linear-gradient( to right, #009BBF, #283B4D );
	background:    -moz-linear-gradient( to right, #009BBF, #283B4D );
	background:      -o-linear-gradient( to right, #009BBF, #283B4D );
	background:         linear-gradient( to right, #009BBF, #283B4D );
	border-radius: 5px;
	/* clip the background to just the border width */
	clip-path: polygon( 0 0, 100% 0, 100% 100%, 0 100%, 7px calc(100% - 7px), calc(100% - 7px) calc(100% - 7px), calc(100% - 7px) 7px, 7px 7px, 7px calc(100% - 7px), 0 100% );
}


/* Row: Top & bottom borders */
.wstl-fancy-border-top > .row-bg-wrap .inner-wrap::before,
.wstl-fancy-border-bottom > .row-bg-wrap .inner-wrap::after,
/* deprecated syntax 2018-10 */
.fancy-border-top > .row-bg-wrap .inner-wrap::before,
.fancy-border-bottom > .row-bg-wrap .inner-wrap::after {
	content: '';
	position: absolute;
	right:  0;
	left:   0;
	height: 8px;
	background: -webkit-linear-gradient( to right, #009BBF, #283B4D );
	background:    -moz-linear-gradient( to right, #009BBF, #283B4D );
	background:      -o-linear-gradient( to right, #009BBF, #283B4D );
	background:         linear-gradient( to right, #009BBF, #283B4D );
	z-index: 12;
}
.wstl-fancy-border-top > .row-bg-wrap .inner-wrap::before,
/* deprecated syntax 2018-10 */
.fancy-border-top > .row-bg-wrap .inner-wrap::before {
	top: 0;
}
.wstl-fancy-border-bottom > .row-bg-wrap .inner-wrap::after,
/* deprecated syntax 2018-10 */
.fancy-border-bottom > .row-bg-wrap .inner-wrap::after {
	bottom: 0;
}


/*! ----- Grow on Hover ----- */
/* based from: https://github.com/IanLunn/Hover/blob/master/css/hover.css */

.hover-grow {
	display: inline-block;
	vertical-align: middle;
	-webkit-box-shadow: 0 0 1px transparent;
	   -moz-box-shadow: 0 0 1px transparent;
	        box-shadow: 0 0 1px transparent;
	-webkit-transform: perspective(1px) translateZ(0);
	        transform: perspective(1px) translateZ(0);
	-webkit-transition: transform 0.3s ease-out;
	        transition: transform 0.3s ease-out;
}

.hover-grow:hover,
.hover-grow:focus,
.hover-grow:active {
	-webkit-transform: scale(1.1);
	        transform: scale(1.1);
}


/*! ----- Grayscale Images ----- */

.grayscale,
.grayscale-reveal {
	-webkit-filter: grayscale(100%);
	        filter: grayscale(100%);
}

.grayscale-reveal {
	-webkit-transition: all 0.3s ease-out,
	                    -webkit-filter 1.5s ease-out;
	        transition: all 0.3s ease-out,  /* keep other potential transitions snappy (e.g., used with .hover-grow) */
	                    filter 1.5s ease-out;  /* slow burn in the color */
}

.grayscale-reveal:hover,
.grayscale-reveal:active,
.grayscale-reveal:focus {
	-webkit-filter: grayscale(0%);
	        filter: grayscale(0%);
}


/*! ----- Rotating Image Columns ----- */
/*
 * Class added to Page Builder row containing columns with one or more Single Image elements to rotate through.
 * See accompanying JS for timing and ordering.
 */

.image-columns-rotating .wpb_wrapper,
.image-columns-rotating .img-with-aniamtion-wrap {
	position: relative;
}

.image-columns-rotating .img-with-aniamtion-wrap {
	transition: opacity 1s ease-in-out;
}

/* stack all additional logos in a column under the first */
.image-columns-rotating .img-with-aniamtion-wrap:nth-of-type(1n+2),
.image-columns-rotating .img-with-aniamtion-wrap.js-stacked {  /* JS fallback */
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	z-index: 0;
}

.image-columns-rotating .img-with-aniamtion-wrap.js-hide {
	opacity: 0;
}

.image-columns-rotating .img-with-aniamtion-wrap.js-show {
	opacity: 1;
	z-index: 1;  /* enable mouse/click focus (for potential links) */
}

/* add a color pulse effect to incoming [grayscale] images */
.image-columns-rotating .img-with-aniamtion-wrap.js-show img.grayscale,
.image-columns-rotating .img-with-aniamtion-wrap.js-show img.grayscale-reveal {
	animation: 2s ease-out 0.75s wstl-colorize-pulse;
}



/*! ===== Call to Action ===== */
/* for the new page builder CTA section see: css/sections.css */

#call-to-action,  /* built-in theme global */
.vc_row.cta {     /* DEPRECATED selector 2020-10; custom row template */
}

#call-to-action .container {
	position: relative;
	overflow: visible;
	padding-top:    60px;
	padding-bottom: 265px;  /* icon + top & bottom pad */
}

#call-to-action .container::before {
	content: '';
	display: block;  /* fix Safari display */
	position: absolute;
	z-index: -1;  /* keep behind content */
	top:  0;
	left: 0;
	width:  100%;
	height: 100%;
	background: url(img/wisetail-logomark-white-navy.min.svg) center bottom 60px / 125px auto no-repeat;
}

/* hide the triangle */
#call-to-action .triangle {
	display: none;
}

/* space content */
#call-to-action .container span {
	display: block;
}
#call-to-action .wstl-cta-heading,
.cta .wpb_text_column.cta-heading {
	margin-bottom: 15px;
}
#call-to-action .wstl-cta-body,
.cta .wpb_text_column.cta-body {
	margin-bottom: 25px;
}

/* headings (match H2), #call-to-action parent span inherits H2 settings */
#call-to-action .container .wstl-cta-heading,
#call-to-action .container .wstl-cta-heading span,
.wstl-cta-heading h2,
.cta-heading h2 {
	line-height: 1.1111;
}
#call-to-action .container .wstl-cta-heading span {
	display: inline;
}

/* body */
#call-to-action .container .wstl-cta-body,
.wstl-cta-body p,
.cta-body p {
	font-size: 20px;
	font-weight: 400;
	letter-spacing: normal;
	line-height: 1.4;
}

/* match buttons (.nectar-button.large style) */
#call-to-action .container .nectar-button {
	margin: 0;
	padding: 1em 2.25em;
	font-size: 18px;
	font-weight: 500;
	line-height: 1;
	text-align: center;
	text-decoration: none;
	text-transform: none;
	color: #283B4D !important;
	-webkit-box-shadow: none;
	        box-shadow: none;
	opacity: 0.9;
}
#call-to-action .container .nectar-button:hover {
	opacity: 1;
}
/* reset span added by JS to add icon hover effect */
#call-to-action .nectar-button span {
	font-family: inherit;
	font-size:   inherit;
	font-weight: inherit;
	line-height: inherit;
	color:       inherit;
}

@media screen and (max-width: 1300px) {
	#call-to-action .container .wstl-cta-heading {
		font-size: 40px;
	}

	#call-to-action .container .wstl-cta-body,
	.wstl-cta-body p,
	.cta-body p {
		font-size: 19px;
	}
}

@media screen and (max-width: 999px) {
	#call-to-action .container .wstl-cta-heading {
		font-size: 36px;
	}

	#call-to-action .container .wstl-cta-body,
	.wstl-cta-body p,
	.cta-body p {
		font-size: 17px;
	}
}

@media screen and (max-width: 690px) {
	#call-to-action .container .nectar-button {
		display: inline-block;
	}

	#call-to-action .container .wstl-cta-heading {
		font-size: 27px;
	}

	#call-to-action .container .wstl-cta-body,
	.wstl-cta-body p,
	.cta-body p {
		font-size: 15px;
	}
}

@media screen and (min-width: 691px) {
	#call-to-action {
		text-align: left;
	}

	#call-to-action .container {
		padding-left:   185px;
		padding-bottom: 60px;
	}

	#call-to-action .container::before {
		background-position: left center;
		opacity: 1;
	}
}

@media screen and (min-width: 1000px) {
	#call-to-action .container {
		display: flex;
		align-items: center;
		justify-content: space-between;
		/* restore standard .container side pad to align with page content */
		padding-left:  90px;
		padding-right: 90px;
	}

	#call-to-action .container::before {
		background-position: left 90px center;
	}

	#call-to-action .container > span {
		flex: 1 1 100%;
		padding-left: 185px;
	}

	#call-to-action .container .wstl-cta-body {
		margin-bottom: 0;
	}

	#call-to-action .container > .nectar-button {
		flex: 1 0 auto;
		margin-left: 60px;
	}
}



/*! ===== In-device Video Player ===== */

.device-video-container {
	position: relative;
	line-height: 0;  /* remove white space */
}

/* scaling video viewing "window" */
.device-video-container .device-video {
	display: block;
	position: absolute;
	background: black;
	outline: 2px solid black;  /* hide any window gaps from scaling */
	overflow: hidden;
	z-index: 1;  /* controls (mobile) need to be above device image to receive touch */
}

.device-video-container video {
	width: auto;
	height: 100%;
}

/* JS added pause toggle (a11y) [2021-05] */
.device-video-container .device-video button.wstl-js-video-play-toggle {
	left:   auto;
	right:  8px;
	bottom: 8px;
}

.device-video-container .video-placeholder {
	width: 100%;
	height: 100%;
	background: hotpink;
}

.device-video-container .device-image {
	position: relative;  /* overlap video area */
}

.device-video-container .device-image img {
	margin: 0;
}


/*! ----- Device: Laptop ----- */

.device-video-container.laptop {
	max-width: 790px;  /* keep video from scaling above 100% */
	margin: 0 -40px;  /* snug to adjacent column content */
	margin-bottom: -80px !important;  /* absorb some extra space from device's shadow */
}

/* laptop screen's viewing window: 576 x 360 px; 1.6 scalar */
.device-video-container.laptop .device-video {
	top: 5.3%;
	right: 13.85%;
	bottom: 22.61%;
	left: 13.2%;
}



/*! ===== SVG Image Replacements ===== */

img.wstl-svg-logomark-white-navy {
	content: url('img/wisetail-logomark-white-navy.min.svg');
}



/*! ===== Plugin: Social Feed Gallery (Instagram) [2021-04] ===== */

/* Fix hidden video tiles */
.insta-gallery-feed video {
	visibility: visible;
}

/* Adjust tablet layout; breaks from 4 cols to 3 cols; fill space better */
@media (min-width: 481px) and (max-width: 1023px) {
	.insta-gallery-feed[data-feed*='"limit":"10"'][data-feed*='"columns":"4"'][data-feed*='"highlight":["1","4"]'] .insta-gallery-list .insta-gallery-item:nth-child(1) {
		width: 66.666%;
	}
	.insta-gallery-feed[data-feed*='"limit":"10"'][data-feed*='"columns":"4"'][data-feed*='"highlight":["1","4"]'] .insta-gallery-list .insta-gallery-item:nth-child(4) {
		width: 100%;
	}
}

/* Fix Magnificant Lightbox overrides to maintain consistency */
body .qligg-mfp-wrap .mfp-arrow.mfp-arrow-left::before {
	content: "\f104";
}
body .qligg-mfp-wrap .mfp-arrow.mfp-arrow-right::before {
	content: "\f105";
}

body .qligg-mfp-wrap .mfp-arrow.mfp-arrow-left::after,
body .qligg-mfp-wrap .mfp-arrow.mfp-arrow-right::after {
	display: block;
}

/* Fix hidden playing videos */
.qligg-mfp-wrap video {
	visibility: visible;
}


/*! ===== Plugin: WP Google Maps ===== */

/* Remove bottom margin from Google Map shortcode within builder text box */
.wpb_wrapper .wpgmza_map {
	margin-bottom: 0;
}

.wpgmza_map a {
	text-decoration-color: currentcolor;
}



/*! ===== HubSpot: Cookie Confirmation Popup */

body div#hs-eu-cookie-confirmation {
	font-family: inherit;
	font-size: 14px;
	color: inherit;
}

body div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner p {
	color: inherit;
	text-align: center;
}

body div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner a {
	color: #DA1D47;
	text-decoration: underline !important;
}
body div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner a:hover {
	color: #283B4D;
}

body div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner div#hs-en-cookie-confirmation-buttons-area {
	text-align: center !important;
}

body div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner a#hs-eu-confirmation-button,
body div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner a#hs-eu-decline-button {
	border-radius: 200px;
	border-color: #283B4D !important;
}
body div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner a#hs-eu-confirmation-button {
	background-color: #283B4D !important;
}
body div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner a#hs-eu-decline-button {
	color: #283B4D !important;
}



/*! ===== Archives ===== */

/*! ----- Archive: Search ----- */

#search-results .result .title a {
	text-decoration: none;
}

body.search-results #sidebar {
	margin-top: 15px;
}



/*! ===== Post Types ===== */

/*! ----- Post Types: [wstl] Custom ----- */

/* Change default header alignment for just our custom post types; blog posts also have centered categories and author/date meta */
.single[class*="single-wstl_"] .heading-title[data-header-style="default_minimal"] {
	text-align: left;
	padding: 0;
}

.single[class*="single-wstl_"] .heading-title[data-header-style="default_minimal"] h1 {
	padding: 0;
}


/*! ----- Post Type: [wstl] Whitepaper ----- */

/* Display a shape divider (match manual row element display) */
.single-wstl_whitepaper #page-header-wrap::after {
	content: '';
	position: absolute;
	top: auto;
	left:   0;
	right:  0;
	bottom: 0;
	height: 100px;
	background: transparent url(img/shape-dividers/waves-white.svg) bottom center / contain no-repeat;
}
/* Match row divider's responsive scaling */
@media only screen and (max-width: 999px) {
	.single-wstl_whitepaper #page-header-wrap::after {
		background-size: 100% 75%;
	}
}
@media only screen and (max-width: 690px) {
	.single-wstl_whitepaper #page-header-wrap::after {
		background-size: 100% 33%;
	}
}