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%);
}
