Skip to main content

Tahoe RCD

Tahoe RCD 


//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: url('https://streamline.imgix.net/a8bbf75b-7266-4c92-8655-ffd0cf5dbf0f/ca804709-fb30-4088-a924-5ac860361254/Untitled%20design%20(37).png?ixlib=rb-1.1.0&w=2000&h=2000&fit=max&or=0&s=6efef28d277775a65ac5f8dbcebf7f68');
  //background: url('https://streamline.imgix.net/a8bbf75b-7266-4c92-8655-ffd0cf5dbf0f/1e44be99-b98d-4736-b753-7842911085e8/Untitled%20design%20(34).png?ixlib=rb-1.1.0&w=2000&h=2000&fit=max&or=0&s=5638e72f8d366bf500aab13069fbee07');
  background-size: cover;
  background-color: #fff !important;
  background-position: 50% 43%;
}
//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 > div > nav > div > ul > li {
  background-color: #017e44;
  border-radius: 20px;
//  margin-left: 5px;
  font-weight: 500;
  margin-bottom: 10px;
  margin-right: 10px;
  color: #fff !important;
  padding-top: 5px;
    padding-bottom: 5px;
}
#page-header > div > nav > div > ul > li {
    color: #FFF !important;
    font-weight: 500;
}
#page-header .header-links ul li a:hover, #app #page-header .header-links ul li a:focus {
    color: #fff;
    background-color: transparent;
}

#page-header .header-links ul li a {
    color: #fff;
    padding: 0 15px;
}

#page-header {
  padding-bottom: 5px !important;
  background-size: cover;
  background-color: #fff !important;
}
p.social-header-streamline span.social-follow-link a, p.social-header-streamline span.social-follow-link a:hover {
  color: #fff !important;
}

p.social-header-streamline span.social-follow-link a, p.social-header-streamline span.social-follow-link a:visited {
   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%);
}
 

A screenshot of a website for Tahoe Resource Conservation District with navigation, programs, and a lake image.
Join our mailing list
//leave site warning CLA