/*! CSS for Skyline Theme, the Landing Page Design System default theme */
/*! stick to decorative styles like colors, layout styles like paddings margin etc should live in the design system base css in the components section. If layout styling is needed for the project, add those to the project specific CSS. */

/*! BASE */

/*! COMPONENTS */

/*! Links */
.min-height-view a:not(.button),
.min-height-view a:not(.button):hover,
.min-height-view a:not(.button):active,
.min-height-view a:not(.button):focus {color:var(--color-ui-primary);}
.footer a { text-decoration: underline; }

/*! Headers */
.header--primary {background:var(--color-brand);color:var(--color-white);box-shadow: 0px 4px 4px 0px hsla(0, 0%, 0%, 0.25);}
.header--primary .logo {fill:white;}
.header--primary .link--icon {color:var(--color-white);}
.header--primary nav a {color:var(--color-neutral-2);font-weight:bold;}
.header--primary nav a:hover {color:var(--color-white);}

.background--white {background-color:var(--color-white);}


/*! Footers */
.footer a {text-decoration: underline;}
.footer--primary {background:var(--color-brand);color:var(--color-white);}
.footer--primary a {color:var(--color-white);}
.footer--primary .logo {fill:white;}


/*! Buttons */
.button {text-decoration: none;}
.button--primary {background-color: var(--color-yellow);color:var(--color-neutral-5);border-color:transparent;}
.button--primary:hover {background-color: var(--color-brand);color:var(--color-white);border-color: white;}
.button--primary:disabled {background-color: var(--color-neutral-2);color:var(--color-neutral-3);}

.button--secondary {background-color:var(--color-white);border-color:var(--color-yellow);color:var(--color-neutral-5);}
.button--secondary:hover {background-color:var(--color-white);border-color: var(--color-brand);color: var(--color-brand);}
.button--secondary:disabled {background-color:var(--color-white);border-color:var(--color-neutral-2);color:var(--color-neutral-3);}

.button--link:hover {color: var(--color-ui-primary);background: white;}


/*! Forms */ 
.form-control {box-shadow: 0px 4px 4px 0px hsla(0, 0%, 0%, 0.1);}
form span.help-block { font-size: .8em; border-left: 4px solid red; padding-left: 8px; }
input {accent-color:var(--color-brand);}

/*! Forms - Single Step SPA forms slider animation */
.form-slider { position: relative; margin: 0 auto; overflow: hidden; } 
.form-slider__step { position: fixed; -webkit-transform: translate(100%); -ms-transform: translate(100%); transform: translate(100%); opacity: 0; width: 100%; max-height: unset; overflow: hidden; transition: all 0.3s; transition-timing-function: linear; } 
.form-slider__step.active { position: relative; display: block; -webkit-transform: translate(0); -ms-transform: translate(0); transform: translate(0); opacity: 1; max-height: unset; transition: all 0.3s; transition-timing-function: linear; } 
.sc-edit-mode .form-slider__step.active { transition: none; } 
.form-slider__step.complete { -webkit-transform: translate(-60vw); -ms-transform: translate(-60vw); transform: translate(-60vw); transition: all 0.3s; transition-timing-function: linear; } 
.form-slider.slide-up .form-slider__step { -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); } 
.form-slider.slide-up .form-slider__step.active { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 
.form-slider.slide-up .form-slider__step.complete { -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); } 
.form-slider__steps { width: -webkit-fit-content; width: fit-content; padding: 20px 0; margin: 0 auto; } 
.form-slider__steps span { display: inline-block; width: 10px; height: 10px; border-radius: 50%; background: #d3d3d3; } 
.form-slider__steps span.active { background: grey; } 

/*! Form Switches */
/*! The switch - the box around the slider */
div.switch{position:relative;width:60px;height:34px;margin: 1rem auto;}
/*! Hide default HTML checkbox */
div.switch input{position:absolute;opacity:0;width:0;height:0}
/*! The switch slider */
div.switch .switch-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--color-neutral-3,#ccc);-webkit-transition:.4s;transition:.4s}
div.switch .switch-slider:before{position:absolute;content:"";height:26px;width:26px;left:4px;bottom:4px;background-color:white;-webkit-transition:.4s;transition:.4s}
input.switch:checked+label .switch-slider{background-color:var(--color-canopy,#007952)}
input.switch:focus+label .switch-slider{box-shadow:0 0 1px var(--color-canopy,#007952)}
input.switch:checked+label .switch-slider:before{-webkit-transform:translateX(26px);-ms-transform:translateX(26px);transform:translateX(26px)}
/*! Rounded sliders */
div.switch .switch-slider.round{border-radius:34px}
div.switch .switch-slider.round:before{border-radius:50%}
/*! Switch labels */
.switch-label{position:absolute;top: 0.5rem;color: var(--color-neutral-4, #666);font-size: 1rem;font-weight: bold;}
.switch-label__left{left:-34px}
.switch-label__right{right:-36px}
input.switch:checked+label .switch-label__right {color:var(--color-canopy,#007952)}

/*! Popovers */
.popover .popover-body {background: var(--color-ui-primary);color: white;}
.popover[data-popper-placement="top"] .popover-arrow::after {border-top-color: var(--color-ui-primary);}
.popover[data-popper-placement="right"] .popover-arrow::after {border-right-color: var(--color-ui-primary);}
.popover[data-popper-placement="bottom"] .popover-arrow::after {border-bottom-color: var(--color-ui-primary);}
.popover[data-popper-placement="left"] .popover-arrow::after {border-left-color: var(--color-ui-primary);}

/*! Cards */
.card {border:none;border-radius:.5rem;overflow:hidden;}
.card__thumb img {max-height: 200px;}
.card__body {flex: 1 1 auto; padding: 1rem 2rem 0;}
.card .button {width: 100%; min-width: auto;}



/*! -- New Generic Slider */
.slider-generic__wrapper{max-width:500px}
.slider-generic{position:relative}
.slider-generic__maxminvals{display:flex;justify-content:space-between}
.slider-generic__tooltip{position:absolute;transform:translateX(-50%);color:var(--color-ui-primary,#007952);font-weight:bold}
.slider-generic__wrapper--tooltip-bottom .slider-generic__body{padding-bottom:2rem}
.slider-generic__wrapper--tooltip-top .slider-generic__header{padding-bottom:1rem}
.slider-generic__wrapper--tooltip-top .slider-generic__body{display:flex;flex-direction:column-reverse}
.slider-generic__wrapper--tooltip-top .slider-generic__tooltip{top:-2rem}
.slider-generic__help-block {display:none;}
/* uncommment if slider needs a required alert 
span.slider-generic__help-block{font-size:.8em;border-left:4px solid red;padding-left:8px;display:none;}
.has-error + .slider-generic__wrapper .slider-generic__help-block,
.has-error + div + .slider-generic__wrapper .slider-generic__help-block {display: block;}
*/
input[type="range"]{-webkit-appearance:none;appearance:none;cursor:pointer;background:transparent;width:100%;border-radius:1rem}
input[type="range"]::-moz-range-progress{background-color:var(--color-ui-primary,#007952);border-radius:1rem;height:.5rem}
input[type="range"]::-moz-range-thumb{background-color:#ffffff;border:none;border-radius:1rem;border:2px solid var(--color-ui-primary,#007952);height:1.25rem;width:1.25rem;box-shadow:0 3px 5px rgba(0,0,0,.5)}
input[type="range"]::-moz-range-track{background-color:var(--color-canopy-20,#CCE4DC);border-radius:1rem;height:.5rem}
input[type="range"]::-webkit-slider-runnable-track{background-color:var(--color-canopy-20,#CCE4DC);border-radius:.5rem;height:1rem;overflow:hidden}
input[type="range"]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background-color:#ffffff;border:2px solid var(--color-ui-primary,#007952);border-radius:1rem;height:1rem;width:1rem;box-shadow:-408px 0 0 400px var(--color-ui-primary,#007952)}
input[type="range"]:focus{outline:none;box-shadow:none}
input[type="range"]:focus::-moz-range-thumb{outline:3px solid var(--color-yellow,#FFB129);outline-offset:.125rem}
input[type="range"]:focus::-webkit-slider-thumb{outline:4px solid var(--color-yellow,#FFB129)}

/*! --Legacy slider component - has minor updates for design system -- to do: move structural elements to design system, leave styling here */
.slider { display: inline-block; vertical-align: middle; position: relative; } 
.slider.slider-horizontal { width: 210px; height: 20px; } 
.slider.slider-horizontal .slider-track { height: 8px; width: 100%; margin-top: -3px; top: 50%; left: 0; } 
.slider.slider-horizontal .slider-selection,
.slider.slider-horizontal .slider-track-low,
.slider.slider-horizontal .slider-track-high { height: 100%; top: 0; bottom: 0; } 
.slider.slider-horizontal .slider-tick,
.slider.slider-horizontal .slider-handle { margin-left: -10px; } 
.slider.slider-horizontal .slider-tick.triangle,
.slider.slider-horizontal .slider-handle.triangle { position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); border-width: 0 10px 10px 10px; width: 0; height: 0; border-bottom-color: #2e6da4; margin-top: 0; } 
.slider.slider-horizontal .slider-tick-container { white-space: nowrap; position: absolute; top: 0; left: 0; width: 100%; } 
.slider.slider-horizontal .slider-tick-label-container { white-space: nowrap; margin-top: 20px; } 
.slider.slider-horizontal .slider-tick-label-container .slider-tick-label { display: inline-block; padding-top: 24px; text-align: center; } 
.slider.slider-horizontal.slider-rtl .slider-track { left: initial; right: 0; } 
.slider.slider-horizontal.slider-rtl .slider-tick,
.slider.slider-horizontal.slider-rtl .slider-handle { margin-left: initial; margin-right: -10px; } 
.slider.slider-horizontal.slider-rtl .slider-tick-container { left: initial; right: 0; } 
.slider.slider-vertical { height: 210px; width: 20px; } 
.slider.slider-vertical .slider-track { width: 10px; height: 100%; left: 25%; top: 0; } 
.slider.slider-vertical .slider-selection { width: 100%; left: 0; top: 0; bottom: 0; } 
.slider.slider-vertical .slider-track-low,
.slider.slider-vertical .slider-track-high { width: 100%; left: 0; right: 0; } 
.slider.slider-vertical .slider-tick,
.slider.slider-vertical .slider-handle { margin-top: -10px; } 
.slider.slider-vertical .slider-tick.triangle,
.slider.slider-vertical .slider-handle.triangle { border-width: 10px 0 10px 10px; width: 1px; height: 1px; border-left-color: #2e6da4; margin-left: 0; } 
.slider.slider-vertical .slider-tick-label-container { white-space: nowrap; } 
.slider.slider-vertical .slider-tick-label-container .slider-tick-label { padding-left: 4px; } 
.slider.slider-vertical.slider-rtl .slider-track { left: initial; right: 25%; } 
.slider.slider-vertical.slider-rtl .slider-selection { left: initial; right: 0; } 
.slider.slider-vertical.slider-rtl .slider-tick.triangle,
.slider.slider-vertical.slider-rtl .slider-handle.triangle { border-width: 10px 10px 10px 0; } 
.slider.slider-vertical.slider-rtl,
.slider-tick-label-container,
.slider-tick-label { padding-left: initial; padding-right: 4px; } 
.slider.slider-disabled .slider-handle { background-color: #cfcfcf; background-image: linear-gradient(to bottom, #dfdfdf, #bebebe); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#DFDFDF',endColorstr='#BEBEBE',GradientType=0); } 
.slider.slider-disabled .slider-track { background-color: #e7e7e7; background-image: linear-gradient(to bottom, #e5e5e5, #e9e9e9); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#E5E5E5',endColorstr='#E9E9E9',GradientType=0); cursor: not-allowed; } 
.slider input { display: none; } 
.slider .tooltip-inner { white-space: nowrap; max-width: none; background: none; color: black; font-weight: bold; font-size: var(--text-label-lg); font-family: var(--font-pri); letter-spacing: 0.05em; padding: 0; } 
.slider .tooltip.top { margin-top: -36px; } 
.slider .tooltip-inner { white-space: nowrap; max-width: none; } 
.slider .hide { display: none; } 
.slider .tooltip.in { filter: alpha(opacity=90); opacity: 0.9; } 
.slider-track { background-color: #f7f7f7; background-image: linear-gradient(to bottom, #f5f5f5, #f9f9f9); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F5F5F5',endColorstr='#F9F9F9',GradientType=0); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); border-radius: 6px; position: absolute; cursor: pointer; } 
.slider-selection { background-color: #f7f7f7; background-image: linear-gradient(to bottom, #f9f9f9, #f5f5f5); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F9F9F9',endColorstr='#F5F5F5',GradientType=0); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); box-sizing: border-box; border-radius: 6px; position: absolute; } 
.slider-selection.tick-slider-selection { background-color: #86bae7; background-image: linear-gradient(to bottom, #8ac1ef, #82b3de); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8ac1ef',endColorstr='#82b3de',GradientType=0); } 
.slider-track-low,
.slider-track-high { box-sizing: border-box; position: absolute; } 
.slider-track-high { border-radius: 4px; background: var(--color-neutral-2); } 
.slider-handle.round { border-radius: 20px; } 
.slider-handle.triangle { background: transparent none; } 
.slider-handle.custom { background: transparent none; } 
.slider-handle.custom::before { line-height: 20px; font-size: 20px; content: "★"; color: #726204; } 
.slider-tick { background-color: #f7f7f7; background-image: linear-gradient(to bottom, #f5f5f5, #f9f9f9); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F5F5F5',endColorstr='#F9F9F9',GradientType=0); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); box-sizing: border-box; position: absolute; width: 20px; height: 20px; -webkit-filter: none; filter: none; opacity: 0.8; border: 0 solid transparent; } 
.slider-tick.round { border-radius: 50%; } 
.slider-tick.triangle { background: transparent none; } 
.slider-tick.custom { background: transparent none; } 
.slider-tick.custom::before { line-height: 20px; font-size: 20px; content: "★"; color: #726204; } 
.slider-tick.in-selection { background-color: #86bae7; background-image: linear-gradient(to bottom, #8ac1ef, #82b3de); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8ac1ef',endColorstr='#82b3de',GradientType=0); opacity: 1; } 
.value-slider-container .slider { width: 100%; } 
.hide-masked-input-altmethod .value-slider { display: block !important; position: absolute; left: -1000em; width: 0; height: 0; margin: 0; padding: 0; border: 0; } 
.value-slider-range { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } 
.value-slider--range .slider-handle { position: relative; -webkit-appearance: none; cursor: pointer; background-color: rgba(247, 247, 247, 0.5); background-image: none; border-radius: 0 !important; top: 18px; width: 30px; height: 18px; box-shadow: 1px 5px 10px -1px rgba(0, 0, 0, 0.5); border: none; } 
.value-slider--range .slider.slider-horizontal { height: 55px; } 
.value-slider--range .slider.slider-horizontal .slider-handle { margin-left: -15px; } 
.value-slider--range .value-slider-wrapper { margin: 30px 0 0; } 
.value-slider--range .slider.slider-horizontal .slider-track { height: 55px; margin-top: 0; top: 0; } 
.value-slider--range .slider-selection.tick-slider-selection { background-color: #165c7d; background-image: none; } 
.value-slider--range .slider-selection,
.value-slider--range .slider-track { background-color: #f7f7f7; } 
.value-slider--range .slider.slider-horizontal .slider-tick-container { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; height: 55px; } 
.value-slider--range .slider.slider-horizontal .slider-tick-container:before { content: ""; position: absolute; background: #ccc; width: 100%; left: 0; height: 1px; top: 27px; z-index: 0; } 
.value-slider--range .slider.slider-horizontal .slider-tick-container .slider-tick, 
.value-slider--range .slider.slider-horizontal .slider-tick-container .slider-tick.in-selection { background: #ccc; width: 6px; height: 6px; margin-left: -3px; } 
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active){
 .value-slider--range .slider.slider-horizontal .slider-tick-container { height: 50px; } 
 }
.value-slider--circle .slider .tooltip.top { margin-top: 15px; } 
.value-slider--circle .tooltip { left: 47.8199%; top: -122px; position: absolute; -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; width: 98px; height: 98px; background: #fff; border-radius: 50%; text-align: center; box-sizing: border-box; border: 2px solid #165c7d; margin-top: 20px; margin-left: -49px; color: #fff; font-style: normal; font-weight: normal; line-height: normal; font-size: 16px; } 
.value-slider--circle .tooltip-inner { background-color: transparent; color: #000; width: 100%; } 
.value-slider--circle .tooltip-arrow { display: none; } 
.value-slider-txt { border-radius: 1px !important; background-color: #fff; font-size: 16px; height: 60px; margin-bottom: 10px; margin-top: 10px; text-align: left; width: 150px; padding-left: 5px; } 
.value-slider-txt.value-slider-label { border: none; background: transparent; width: auto; text-align: left; font-size: 22px; padding: 0; } 
.value-slider-txt.disabled { display: none; } 
.slider-handle.custom { background: transparent none; border: none; border-radius: 0; } 
.fiSliderContainer .slider.slider-horizontal .slider-handle.custom { margin-left: -22px; top: -7px; } 
.slider-handle.custom::before { content: ""; color: transparent; } 
.slider-label { border: none; background: transparent; width: auto; text-align: left; font-size: 22px; color: #333; } 
.slider-handle { border: 2px solid var(--color-brand); border-radius: 100%; background: #fff; width: 24px; height: 24px; box-shadow: none; top: -1px; position: absolute; } 
.slider-handle.round { border-radius: 25px; } 
.slider.slider-horizontal .slider-handle { margin-left: -15px; } 
.slider-selection,
.slider-track { background-color: var(--color-brand); background-image: none; box-shadow: none; } 
.slider .tooltip.right.horizontal { margin-top: -2px; } 
.value-slider-range { display: none; } 
.value-slider-wrapper { margin-bottom: 3rem; } 
/* end legacy slider component */


/*! video embeds */
.video-embed .embed-container {position: relative; padding-bottom: 56.25%;height: 0; overflow: hidden; max-width: 100%;}
.video-embed .embed-container iframe {left:0; top:0; height:100%; width:100%; position:absolute}


/*! Flair */
.shadow--lg {box-shadow: 0px 12px 18px hsla(0, 0%, 0%, 0.06);}


/************************************/

/* Down to */
@media (min-width: 992px) { }
@media (min-width: 576px) { }
@media (min-width: 376px) { }

/* Up to */ 
@media (max-width: 991px) { }
@media (max-width: 575px) { }
@media (max-width: 375px) { }

/*************************************/