Rejected water designs
%20(1).png?ixlib=rb-1.1.0&w=2000&h=2000&fit=max&or=0&s=45b10b8f38476d083799547038006308)
.png?ixlib=rb-1.1.0&w=2000&h=2000&fit=max&or=0&s=0e873d4abeac8034920b5105875f4b67)


//Updating font to outfit
@at-root {
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100;200;300;400;500;600;700;800;900&display=swap');
}
& {
font-family: 'Outfit', sans-serif;
}
#page-header {
padding-bottom: 5px !important;
background-size: cover;
background-color: #fff !important;
height: 170px;
}
#page-header {
padding-bottom: 20px;
background: url('https://streamline.imgix.net/bae7b8a1-91d5-4f1a-95d9-13621ed43a9d/fbc1c2ec-022e-4810-b90d-2e0192431b9a/water%20info%20banners%20(2000%20x%20180%20px)%20(1).png?ixlib=rb-1.1.0&w=2000&h=2000&fit=max&or=0&s=64ee243ebc09658a9dd0764cc4750386');
background-size: cover;
background-color: #fff !important;
background-position: 20% 90%;
padding-top: 5px;
}
//add secondary nav background
#page-header > div > nav > div > ul {
background-color: #000000;
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 !important;
font-weight: 500;
}
#page-header .header-links ul li a:hover, .header-links ul li a:focus {
color: #DCDDDE;
}
// #page-header {
// padding-bottom: 5px !important;
// background: url('https://streamline.imgix.net/bae7b8a1-91d5-4f1a-95d9-13621ed43a9d/4100d139-34f7-4a3a-8dd0-4153ab688f32/water%20info%20banners.png?ixlib=rb-1.1.0&w=2000&h=2000&fit=max&or=0&s=6bfe8f801cd4d618a3a1f39844214504');
// background-size: cover;
// background-color: #fff !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%) ;
}
#page-header {
padding-bottom: 5px !important;
background-size: cover;
background-color: #fff !important;
}
#page-navigation{
background: rgb(6,44,108);
background: linear-gradient(0deg, rgba(6,44,108,1) 0%, rgba(25,71,151,1) 100%);
// background: rgb(2,16,38);
// background: linear-gradient(0deg, rgba(2,16,38,1) 0%, rgba(6,44,108,1) 13%, rgba(25,71,151,1) 100%);
// background: rgb(34,57,112);
// background: linear-gradient(90deg, rgba(34,57,112,1) 0%, rgba(118,144,197,1) 50%, rgba(34,57,112,1) 100%);
// -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);
}
.header-links ul li a {
color: #000 !important;
}
.navbar-nav li a {
color: white !important;
font-size: large;
font-weight: 550;
}
.homepage-quicklinks.horizontal .quicklink-instances {
padding: 30px 0px;
}
// Box Shadow - homepage teasers
.homepage-layout .poc-instances-main-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);
}
// Box Shadow - homepage meetings
.board-meetings .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);
}
.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);
}
.poc-layout .poc-instances-main-content .poc-instance {
padding-bottom: 25px;
}
// Messing with quicklinks (Gradients created with https://cssgradient.io/)
.homepage-quicklinks {
padding: 0 0 15px 0;
// background: #2589c5 !important;
background: rgb(6,44,108);
background: linear-gradient(0deg, rgba(6,44,108,1) 0%, rgba(25,71,151,1) 100%);
// background: rgb(34,57,112);
// background: linear-gradient(90deg, rgba(34,57,112,1) 0%, rgba(118,144,197,1) 50%, rgba(34,57,112,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; /* Animation */
margin-bottom: 20px !important;
}
.homepage-quicklinks .quicklink-instance .icon img {
width: 40px;
height: 40px;
margin: 20px auto;
}
.homepage-quicklinks .quicklink-instance h3 {
color: #fff !important;
}
//poc instances bg adjustments
// meeting color adjustments
.board-meetings .poc-instance .inner { background: #f0f0f0 !important;}
//lower teasers
.homepage-layout .poc-instances-main-content {
padding: 30px 0;
}
.poc-instances-side-content .poc-instance .inner{
background: #f0f0f0 !important;}
//board meetings
.board-meetings {
padding: 10px 0 50px 0;
}
//CTA
.poc-instance .call-to-action {
//color: #30971a;
}
// mobile adjustments
@media (max-width: 480px) {
p.social-header-streamline {
margin-top: 15px;
text-align: center;
}
}
/* Rounding for homepage teaser cards */
.homepage-layout .poc-instances-main-content .poc-instance .inner {
border-radius: 15px !important; /* removed semicolon after !important */
}
/* Rounding for top corners of homepage teaser images */
.homepage-layout .poc-instances-main-content .poc-instance .inner .image img {
border-top-left-radius: 15px !important; /* removed semicolon after !important */
border-top-right-radius: 15px !important; /* removed semicolon after !important */
}
.homepage-layout .poc-instance .inner:hover p.teaser{
color: #fff;
}
.homepage-layout .poc-instance .inner:hover h3{
color: #fff;
}
.homepage-layout .poc-instance .inner:hover .call-to-action {
color: #292E74;//#2296F5;
}
.homepage-layout .poc-instances-main-content .poc-instance .inner:hover{
background: #43569F;//#2296F5;//#292E74;
}
@media screen and (min-width: 480px) {
#app #page-header .header-logo img {
width: auto;
height: 95px;
padding-top: 10px;
padding-left: 30px;
}
}

//Updating font to outfit
@at-root {
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100;200;300;400;500;600;700;800;900&display=swap');
}
& {
font-family: 'Outfit', sans-serif;
}
//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%) ;
}
#page-header {
padding-bottom: 5px !important;
background-size: cover;
background-color: #fff !important;
}
#page-navigation{
background: rgb(0,36,122);
background: linear-gradient(90deg, rgba(0,36,122,1) 0%, rgba(0,0,0,1) 100%);
// background: rgb(154,40,37);
// background: linear-gradient(90deg, rgba(154,40,37,1) 0%, rgba(196,50,46,1) 50%, rgba(228,58,53,1) 100%);
-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);
}
.header-links ul li a {
color: #000 !important;
}
.navbar-nav li a{
color: #00d4f0 !important;//white !important;
}
.homepage-quicklinks.horizontal .quicklink-instances {
padding: 30px 0px;
}
// Box Shadow - homepage teasers
.homepage-layout .poc-instances-main-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);
}
// Box Shadow - homepage meetings
.board-meetings .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);
}
.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);
}
.poc-layout .poc-instances-main-content .poc-instance {
padding-bottom: 25px;
}
.homepage-layout .poc-instances-main-content{
background: url('https://streamline.imgix.net/a8bbf75b-7266-4c92-8655-ffd0cf5dbf0f/b8ba6cb9-0000-48a2-b743-47cb00e3f8ac/Tahoe.png?ixlib=rb-1.1.0&w=2000&h=2000&fit=max&or=0&s=e06175c4f693f641004d2a0b9f556fa9');
background-size: cover;
padding: 5%;
background-color: #fff !important;
}
// Messing with quicklinks (Gradients created with https://cssgradient.io/)
.homepage-quicklinks {
padding: 0 0 15px 0;
// background: #2589c5 !important;
background: rgb(0,36,122);
background: linear-gradient(90deg, rgba(0,36,122,1) 0%, rgba(0,0,0,1) 100%);
}
.homepage-quicklinks .quicklink-instance a:hover .icon{
background: none !important;
transform: scale(1.3);
}
.homepage-quicklinks .quicklink-instance a:hover h3 {
color: #00d4f0 !important;//#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; /* Animation */
margin-bottom: 20px !important;
}
.homepage-quicklinks .quicklink-instance .icon img {
width: 40px;
height: 40px;
margin: 20px auto;
}
.homepage-quicklinks .quicklink-instance h3 {
color: #fff !important;
}
//poc instances bg adjustments
// meeting color adjustments
.board-meetings .poc-instance .inner { background: #f0f0f0 !important;}
//lower teasers
.homepage-layout .poc-instances-main-content {
padding: 30px 0;
}
.poc-instances-side-content .poc-instance .inner{
background: #f0f0f0 !important;}
//board meetings
.board-meetings {
padding: 10px 0 50px 0;
}
//CTA
.poc-instance .call-to-action {
//color: #30971a;
}
// mobile adjustments
@media (max-width: 480px) {
p.social-header-streamline {
margin-top: 15px;
text-align: center;
}
}
#page-footer {
background: rgb(0,36,122);
background: linear-gradient(90deg, rgba(0,36,122,1) 0%, rgba(0,0,0,1) 100%);
}