/**
 * OnTrack Sitelet Specific Styles
 */

/*!  ===== Color Palette ===== */
/**
 * brighter blue:  #1F93D7, rgb(31, 147, 215)
 * light "gray":   #F6FBFD, rgb(246, 251, 253), rgba(31, 147, 215, 0.4)
 *
 * midnight blue:  #223545, rgb(34, 53, 69)
 * minty green:    #60CE94, rgb(96, 206, 148)
 * orange:         #f2a34a, rgb(242, 163, 74)
 */



/*! ===== Builder Elements ===== */

/*! ----- Wisetail Icon over Text Column ----- */
/* Via class applied to the container row or individual columns */

/* Add blob-y backgrounds to the column's FA icon */
.wstl-icon-over-text-row .wstl-icon,
.wstl-icon-over-text-col .wstl-icon {
	position: relative;
	color: #1F93D7;
}

/* *** DISABLED (bg images were trashed) [2019-10] *** 
.wstl-icon-over-text-row .wstl-icon::before,
.wstl-icon-over-text-col .wstl-icon::before {
	content: "";
	position: absolute;
	top:    -75%;
	left:   -75%;
	width:  250%;
	height: 250%;
	background: transparent center / contain no-repeat;
}
.wstl-icon-over-text-row > .col > .wpb_column:nth-of-type(1) .wstl-icon::before,
.wstl-icon-over-text-col:nth-of-type(1) .wstl-icon::before {
	background-image: url(../img/OnTrack-icon-bg-1.png);
}
.wstl-icon-over-text-row > .col > .wpb_column:nth-of-type(2) .wstl-icon::before,
.wstl-icon-over-text-col:nth-of-type(2) .wstl-icon::before {
	background-image: url(../img/OnTrack-icon-bg-2.png);
}
.wstl-icon-over-text-row > .col > .wpb_column:nth-of-type(3) .wstl-icon::before,
.wstl-icon-over-text-col:nth-of-type(3) .wstl-icon::before {
	background-image: url(../img/OnTrack-icon-bg-3.png);
}
*/


/*! ----- Wisetail Milestones Row ----- */
/* Via class applied to container row */

/* Add blob-y backgrounds to the milestone numbers */
/* *** DISABLED (bg images were trashed) [2019-10] *** 
.wstl-milestones-row .nectar-milestone .number::before {
	content: "";
	position: absolute;
	top:    50%;
	left:   50%;
	width:  100px;
	height: 100px;
	margin-top:  -50px;
	margin-left: -50px;
	background: transparent center / contain no-repeat;
}
.wstl-milestones-row > .col > .wpb_column:nth-of-type(1) .nectar-milestone .number::before {
	background-image: url(../img/OnTrack-icon-bg-1.png);
}
.wstl-milestones-row > .col > .wpb_column:nth-of-type(2) .nectar-milestone .number::before {
	background-image: url(../img/OnTrack-icon-bg-2.png);
}
.wstl-milestones-row > .col > .wpb_column:nth-of-type(3) .nectar-milestone .number::before {
	background-image: url(../img/OnTrack-icon-bg-3.png);
}
*/



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

/*! ----- Header: Logo ----- */

/* Force logo height to avoid scaling on mobile (from Salient settings CSS) and resize flash on initial desktop load */
#header-outer #top #logo img {
	height: 40px !important; */
}
/* Adjust for dark logo's height; for mobile, or scrolled header */ 
#header-outer #top #logo img.dark-version,
#header-outer.scrolled-down #top #logo img {
/* 	height: 30px !important; */
}

@media only screen and (max-width: 999px) {
	#header-outer #top #logo {
		margin-top: 14px !important;  /* adjust verticle centering for manual height forced above */
	}
}


/*! ----- Header: Mobile Menu ----- */

/* Hide mobile search (since we can't easily block its output) */
#mobile-search {
	display: none;
}

/* Adjust last menu item's postion */
#mobile-menu .container > ul > li:nth-last-child(2) {
	margin: 0 0 1em;
}



/*! ===== Wisetail.com Floating Side Link ===== */

#wisetail-side-link {
	display: none;
	position: fixed;
	left:   0;
	bottom: 25%;
	padding: 20px 10px 10px;
	transform: rotate(-90deg);
	transform-origin: top left;
	z-index: 11;  /* places above header bg and overlapping following row */
	-webkit-transition: all 0.3s ease;
	        transition: all 0.3s ease;
}
#wisetail-side-link:hover {
	left: 10px;
}
/* Give a background when the page is scrolled, like the nav header */
.wstl-js-page-scrolled #wisetail-side-link {
	left: -15px;
	background: transparent;
}
.wstl-js-page-scrolled #wisetail-side-link:hover {
	left: -5px;
}
/* Only display on desktop */
@media (min-width: 1000px) {
	#wisetail-side-link {
		display: block;
	}
}

/* Link */
#wisetail-side-link a {
	position: relative;
	padding: 5px 0;  /* increase the hit area */
	font-size: 11px;
	font-weight: bold;
	letter-spacing: 0.25em;
	line-height: 1;
	text-transform: uppercase;
	color: #fff;
}
/* Link underline */
#wisetail-side-link a::before {
	content: "";
	position: absolute;
	/* center line origin on text */
	left:  50%;
	width: 98%;
	margin-left: -50%;
	/* line */
	bottom: 2px;
	height: 1px;
	background: #fff;
	opacity: 0.4;
	-webkit-transition: all 0.3s ease;
	        transition: all 0.3s ease;
}
#wisetail-side-link a:hover::before {
	width: 0;
	left: 100%;
	opacity: 0;
}
/* Change link color when page is scrolled */
.wstl-js-page-scrolled #wisetail-side-link a {
	color: #223545
}
.wstl-js-page-scrolled #wisetail-side-link a::before {
	background: #223545
}



/*! ===== Content Area ===== */

/* Remove content pad */
body[data-bg-header="true"] .container-wrap {
	padding-bottom: 0;
}

/* Hide the gradient bar between content and footer */
#page-header-wrap::after {
	display: none;
}


/*! ----- Row: Request A Demo ----- */

#request-a-demo a {
	color: #fff;
	text-decoration: underline;
}
#request-a-demo a:hover {
	color: #60CE94;
	text-decoration: none;
}

/*! --- Request Form --- */

#request-a-demo .hs-submit {
	text-align: center;
}



/*! ===== Footer ===== */

#footer-outer {
	color:      #fff !important;
	background: #223545 !important;
}

#footer-outer #copyright {
	background: transparent !important;
}

#footer-outer #copyright,
#footer-outer #copyright p,
#footer-outer a:not(.nectar-button) {
	color: inherit !important;
}

#footer-outer #copyright .container-inner {
	padding: 30px 0;
	border: none;
}

#footer-outer #copyright img {
	margin: 0;
}

#footer-outer #copyright a {
	font-size:   11px;
	font-weight: bold;
	letter-spacing: 0.15em;
	text-transform: uppercase;
	text-decoration: none;
}
#footer-outer #copyright a:hover {
	text-decoration: underline;
}



/*! ===== Hubspot Messages ===== */

body #hubspot-messages-iframe-container {
	/* avoid overlapping the back-to-top button */
	bottom: 40px !important;
}