Salt Lake EMS PRE APMPLIFY
$primary-color: #C70F18;
$secondary-color: #9E0A27;//#1d3557;
$logo-height: 120px;
// $carousel-image-aspect-ratio: 40%;
// $carousel-caption-aspect-ratio: 35%;
$carousel-image-aspect-ratio: 35%;
$carousel-caption-aspect-ratio: 35%;
$homepage-main-content-column-layout: (100%, 100%);
@at-root {
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');
}
& {
font-family: 'Open Sans', sans-serif;
}
//add secondary nav background
//#page-header > div > nav > div > ul {
#page-header > div > nav > div > ul li {
background-color: #C70F18;//#FEDC43;
// border-radius: 10px;
margin-left: 5px;
font-weight: 500;
margin-bottom: 10px;
margin-right: 10px;
color: #fff;
border-radius: 9px;
}
#page-header .header-links ul li a {
color: #fff;
font-weight: 500;
// font-size: 1.1em;
}
#page-header .header-links .container {
width: auto;
margin: 0;
padding: 0;
padding-right: 10px;
}
#page-header .header-links ul li a:hover, .header-links ul li a:focus {
color: #840910;//#e6bb00;//#037cb5;
}
//button end
#page-header {
padding-bottom: 5px !important;
background-size: cover;
background: rgb(0,0,0);
background: linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(28,42,87,1) 27%, rgba(35,54,116,1) 76%, rgba(48,75,157,1) 100%, rgba(198,32,39,1) 100%);
// background: rgb(19,66,122);
// background: linear-gradient(90deg, rgba(19,66,122,1) 0%, rgba(76,110,175,1) 32%, rgba(93,105,132,1) 76%, rgba(60,83,112,1) 100%);
}
.header-links ul li a {
color: #000 !important;
}
.homepage-layout,
.poc-layout {
background: rgb(0,0,0);
background: linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(28,42,87,1) 27%, rgba(35,54,116,1) 76%, rgba(48,75,157,1) 100%, rgba(198,32,39,1) 100%);
// background: linear-gradient(90deg, rgba(19,66,122,1) 0%, rgba(76,110,175,1) 32%, rgba(93,105,132,1) 76%, rgba(60,83,112,1) 100%);
display: flex;
flex-direction: column;
min-height: 100vh; /* Ensures layout takes up the full viewport height */
}
#page-header,
#page-navigation,
#page-footer {
background: inherit; // Inherit the gradient background from the parent
}
#page-content {
background: white; // Background where the body text goes
}
#page-footer {
margin-top: auto; // Pushes footer to the bottom
}
.navbar-nav li a {
color: white !important;
font-family: "Open Sans", sans-serif;
font-optical-sizing: auto;
font-weight: 700;
font-style: normal;
font-variation-settings:
"wdth" 84.9;
}
.carousel-instance .homepage-carousel-caption {
min-height: 180px !important;
background: rgba(0,0,0, 0.7);
background: linear-gradient(0deg, rgba(0,0,0,0.8) 56%, rgba(0,0,0,0) 100%) ;
}
.homepage-layout .poc-instances-main-content .poc-instance .inner,
.board-meetings .poc-instance .inner,
.poc-instances-side-content .poc-instance .inner {
-webkit-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.21);
-moz-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.21);
box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.21);
}
.board-meetings .poc-instance .inner {
background: #f0f0f0 !important;
}
.homepage-layout .poc-instances-main-content {
padding: 15px 0;
}
.poc-instances-side-content .poc-instance .inner {
background: #f0f0f0 !important;
}
.board-meetings {
padding: 10px 0 50px 0;
}
@media (max-width: 480px) {
p.social-header-streamline {
margin-top: 15px;
text-align: center;
}
}
.header-links ul li a {
color: #fff !important;
}
//Google translate
.goog-te-gadget .VIpgJd-ZVi9od-l4eHX-hSRGPd {
display: none !important;
}
.skiptranslate.goog-te-gadget {
font-size: 0;
}
.goog-te-gadget{
padding-left: 20px;
padding-right: 10px;
color: #000;
}
body {
min-height: 100%;
background: rgb(19,66,122);
background: linear-gradient(90deg, rgba(19,66,122,1) 0%, rgba(76,110,175,1) 32%, rgba(93,105,132,1) 76%, rgba(60,83,112,1) 100%);
margin: 0;
padding: 0;
}
// .homepage-quicklinks .quicklink-instance .icon {
// background: #1C2A57 !important !important !important;
// }
// .homepage-layout .poc-instances-main-content {
// background: rgb(0,0,0);
// background: linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(28,42,87,1) 27%, rgba(35,54,116,1) 76%, rgba(48,75,157,1) 100%, rgba(198,32,39,1) 100%);
// // background: url('https://4515944.fs1.hubspotusercontent-na1.net/hubfs/4515944/IM%20Background%20Images/port%20of%20hood%20river.png');
// background-size: cover;
// padding: 3%;
// background-color: #FFF!important;
// }
.homepage-layout .poc-instances-main-content{
background: url('https://streamline.imgix.net/32c0f37f-51ee-4e94-8061-5f5105d85be6/bfbd3dfb-f7f7-4163-ac4c-d6651e9c4ed1/Untitled%20design%20(61).png?ixlib=rb-1.1.0&w=2000&h=2000&fit=max&or=0&s=fb0045434a5e4210c00eec5765c5178e');
background-size: cover;
padding: 5%;
background-color: #fff !important;
}
.banner-zone:before {
opacity: 0;
}
.homepage-quicklinks .quicklink-instance .icon {
transition: background-color 0.3s ease, opacity 0.3s ease;
background: #1C2A57 !important;
overflow: hidden;
}
// .homepage-layout-5 .homepage-quicklinks .quicklink-instance:hover .icon {
// background-color: #1C2A57 !important;//#1A4780 !important;
// }
// .homepage-layout-5 .homepage-quicklinks .quicklink-instance:hover h3,
// .homepage-layout-5 .homepage-quicklinks .quicklink-instance:hover h3 span {
// color: #1C2A57 !important;//#16447E !important;
// transform: scale(1.1);
// transition: transform 0.2s ease-in-out, color 0.2s ease-in-out;
// }
//emergency notification banner notice color change
//.traction-emergency-notification .inner
div.traction-emergency-notification.traction-emergency-notification--notice{
// width: auto;
// padding: 15px;
background: #fff;
Text-color: #2b538f;
}
div.traction-emergency-notification.traction-emergency-notification--notice h2 {
font-size: 20px;
font-weight: bold;
margin-top: 0;
margin-bottom: 5px;
color: #2b538f;
}
div.traction-emergency-notification.traction-emergency-notification--notice p {
margin-bottom: 0;
color: #2b538f;
}
div.traction-emergency-notification.traction-emergency-notification--notice button {
float: right;
border: none;
background: rgba(0, 0, 0, 0.2);
padding: 5px 10px;
margin-left: 10px;
margin-bottom: 10px;
font-size: 12px;
cursor: default;
transition: background-color 0.2s;
color: #2b538f;
}
//notification banner end
//toms design
// @at-root {
// @import url('https://fonts.googleapis.com/css2?family=Abel&display=swap');
// }
// & {
// font-family: "Oswald", sans-serif;
// font-family: "Abel", serif;
// // font-weight: 400;
// // font-style: normal;
// }
// increasing font sizes
// // * {
// // font-size: 1em;
// // }
// // body, p, h1, h2, h4 {
// // font-size: 1.1em;
// // }
// // h3,{
// // font-size: 1.2em !important;
// // font-weight: 900 !important;
// // }
// // .full-poc .body p, .full-poc .body h3, .full-poc .body h4, #app .full-poc .body h6, #app .full-poc .body ul, #app .full-poc .body ol {
// // margin-bottom: 15px;
// // font-size: 1.2em;
// // font-weight: 400;
// // }
// .navbar-nav li a{
// color: white;
// font-weight: 600;
// font-size: 1.1em;
// }
// //add secondary nav background
// #page-header > div > nav > div > ul {
// background: rgb(219,136,155);
// background: linear-gradient(0deg, rgba(219,136,155,1) 0%, rgba(221,27,73,1) 2%, rgba(202,21,63,1) 3%, rgba(156,8,38,1) 50%, rgba(128,0,23,1) 100%);
// border-radius: 20px;
// // margin-left: 5px;
// font-weight: 500;
// margin-bottom: 10px;
// margin-right: 10px;
// color: #fff;
// }
// #page-header .header-links ul li a {
// color: #fff;
// font-weight: 650;
// font-size: 1.1em;
// }
// #page-header .header-links ul li a:hover, .header-links ul li a:focus {
// color: #fff;//#037cb5;
// }
// .homepage-carousel-caption a {
// text-shadow: 0 0 15px #000 !important;
// }
// //carousel caption gradient
// .carousel-instance .homepage-carousel-caption {
// min-height: 180px !important;
// background: rgba(0,0,0, 0.7);
// background: linear-gradient(0deg, rgba(0,0,0,0.8) 56%, rgba(0,0,0,0) 100%) ;
// }
// .homepage-carousel .homepage-carousel-inner .homepage-carousel-control.previous,
// .homepage-carousel .homepage-carousel-inner .homepage-carousel-control.previous:hover,
// .homepage-carousel .homepage-carousel-inner .homepage-carousel-control.next,
// .homepage-carousel .homepage-carousel-inner .homepage-carousel-control.next:hover,
// .homepage-carousel .homepage-carousel-inner .homepage-carousel-control.previous:focus,
// .homepage-carousel .homepage-carousel-inner .homepage-carousel-control.next:focus {
// background-image: none;
// }
// .carousel-instance .homepage-carousel-item .homepage-carousel-caption > a > div,
// .carousel-instance .homepage-carousel-item.active .homepage-carousel-caption > a > div {
// overflow: visible !important;
// white-space: normal !important;
// display: block !important;
// -webkit-box-orient: unset !important;
// -webkit-line-clamp: unset !important;
// text-align: left;
// padding-right: 35%;
// padding-left: 10%;
// }
// .carousel-instance .homepage-carousel-item.active .homepage-carousel-caption > a > h2 {
// text-align: left;
// padding-left: 10%;
// }
// #carousel-items > div > div > div.homepage-carousel-image img {
// width: 100%;
// height: auto;
// display: block;
// }
// #carousel-items > div > div > div.homepage-carousel-image:after {
// content: "";
// background-size: cover;
// background-position: 40% 20%;
// position: absolute;
// top: 0;
// left: 0;
// right: 0;
// bottom: 0;
// opacity: 0.8;
// pointer-events: none;
// z-index: 2;
// }
// .banner-zone:before {
// opacity: 0;
// }
// .full-poc .body a {
// color: #0a5d8f;
// }
// .full-poc .body a:hover {
// color: black;
// }
// // .footer-static-transparency {
// // display: none;
// // }
// .poc-instances-side-content .poc-instance h3, .homepage-layout-3 .homepage-quicklinks > .container > header h2, .homepage-layout-4 .homepage-quicklinks > .container > header h2, .homepage-layout-5 .homepage-quicklinks > .container > header h2, .homepage-layout-3 .upcoming-meetings > .container > header h2, .homepage-layout-3 .board-meetings > .container > header h2 {
// color: #fff;
// }
// .homepage-layout-3 .homepage-quicklinks .quicklink-instances, .homepage-layout-4 .homepage-quicklinks .quicklink-instances, .homepage-layout-5 .homepage-quicklinks .quicklink-instances {
// background: #2f343d;
// }
// #page-header {
// padding-bottom: 30px !important;
// background-size: cover;
// background-color: #1C2957 !important;
// }
// .header-links ul li a {
// color: #2f343d;
// }
// .navbar-nav li a {
// color: white !important;
// }
// .homepage-quicklinks.horizontal .quicklink-instances {
// padding: 30px 0px;
// }
// #page-navigation {
// // background: rgb(255,0,46);
// // background: linear-gradient(0deg, rgba(255,0,46,1) 0%, rgba(33,40,85,1) 4%, rgba(28,41,87,1) 53%, rgba(32,39,84,1) 97%);
// background: rgb(255,0,52);
// background: linear-gradient(0deg, rgba(255,0,52,1) 0%, rgba(33,40,85,1) 3%, rgba(28,41,87,1) 53%, rgba(32,39,84,1) 97%, rgba(255,0,46,1) 100%);
// // background: rgb(238,28,37);
// // background: linear-gradient(0deg, rgba(238,28,37,1) 0%, rgba(29,53,87,1) 5%, rgba(29,53,87,1) 48%, rgba(29,53,87,1) 95%, rgba(238,28,37,1) 100%);
// }
// #page-navigation,
// .homepage-layout .poc-instances-main-content .poc-instance .inner,
// .board-meetings .poc-instance .inner,
// .poc-instances-side-content .poc-instance .inner,
// .upcoming-meetings .poc-instance .inner {
// -webkit-box-shadow: 0px 9px 9px 0px rgba(0,0,0,0.08);
// -moz-box-shadow: 0px 9px 9px 0px rgba(0,0,0,0.08);
// box-shadow: 0px 9px 9px 0px rgba(0,0,0,0.08);
// }
// .upcoming-meetings .poc-instance .inner {
// background: #f0f0f0 !important;
// }
// .poc-layout .poc-instances-main-content .poc-instance {
// padding-bottom: 25px;
// }
// .homepage-quicklinks {
// padding: 0 0 15px 0;
// background: rgb(255,0,52);
// background: linear-gradient(0deg, rgba(255,0,52,1) 0%, rgba(33,40,85,1) 3%, rgba(28,41,87,1) 53%, rgba(32,39,84,1) 97%, rgba(255,0,46,1) 100%);
// // background: rgb(238,28,37);
// // background: linear-gradient(0deg, rgba(238,28,37,1) 0%, rgba(29,53,87,1) 5%, rgba(29,53,87,1) 48%, rgba(29,53,87,1) 95%, rgba(238,28,37,1) 100%);
// }
// .homepage-quicklinks .quicklink-instance a:hover .icon{
// background: none !important;
// transform: scale(1.3);
// }
// .homepage-quicklinks .quicklink-instance a:hover h3 {
// color: #fff !important;
// }
// .homepage-quicklinks.horizontal .quicklink-instances {
// padding: 10px 0 20px 0 !important;
// }
// .homepage-quicklinks .quicklink-instance .icon {
// width: 40px;
// height: 40px;
// overflow: visible !important;
// border-radius: 0;
// background: none !important;
// transition: transform .2s;
// margin-bottom: 20px !important;
// }
// .homepage-quicklinks .quicklink-instance .icon img {
// width: 40px;
// height: 40px;
// margin: 20px auto;
// }
// .homepage-quicklinks .quicklink-instance h3 {
// color: #fff;
// }
// .board-meetings .poc-instance .inner {
// background: #f0f0f0 !important;
// }
// .homepage-layout .poc-instances-main-content h3 {
// font-weight: 200;
// font-size: 2.5em;
// }
// .homepage-layout .poc-instances-main-content {
// padding: 30px 0;
// background-color: #fff !important;
// }
// .poc-instances-side-content .poc-instance .inner {
// background: #f0f0f0 !important;
// }
// // .poc-instances.board-meetings {
// // display: none;
// // }
// // .poc-instances.upcoming-meetings {
// // display: none;
// // }
// .board-meetings {
// padding: 10px 0 50px 0;
// }
// @media (max-width: 480px) {
// p.social-header-streamline {
// margin-top: 15px;
// text-align: center;
// }
// }
// @media (max-width: 500px) {
// #page-header .header-logo img {
// width: 320px;
// padding-bottom: 20px;
// padding-left: 60px;
// }
// }
// div.homepage-layout-3 .homepage-quicklinks .quicklink-instance .icon img,
// div.homepage-layout-4 .homepage-quicklinks .quicklink-instance .icon img,
// div.homepage-layout-5 .homepage-quicklinks .quicklink-instance .icon img {
// width: 40px;
// height: 40px;
// margin: 6.5px;
// }
// div.homepage-layout-3 .homepage-quicklinks .quicklink-instance .icon,
// div.homepage-layout-4 .homepage-quicklinks .quicklink-instance .icon,
// div.homepage-layout-5 .homepage-quicklinks .quicklink-instance .icon {
// width: 50px;
// }
// .form-field-required {
// font-weight: normal;
// }