/* Additional styles and animations for Tributaries site */


#trib-logo {
  	background-image: url("../../images/tributaries-title.png");
  	height: 100px;
  	width: 40vw;
  	margin: 0px auto 200px auto;
    background-size: contain;
    background-repeat: no-repeat;
    background-color: rgba(255, 255, 255, 0.85);
    border-radius: 3px;
    background-position: center;
}
@media screen and (max-width: 980px) {

    #trib-logo {
        height: 80px;
        width: 50vw;
    }

}
@media screen and (max-width: 736px) {

    #trib-logo {
        height: 70px;
        width: 70vw;
    }

}

#header-logo {
    background-image: url("../../images/tributaries-title-280.png");
    height: 31px;
    width: 280px;
    margin: 10px;
}
#header.alt #header-logo{
    opacity: 0;
}
.no-underline {
    border: none;
}
.unbold {
    font-weight: normal;
}
.spotlight p {
    color: #ffffff;
}
.icon.partner {
    display: inline-block;
    font-size: 1.35em;
    height: calc(3em + 2px);
    line-height: 3em;
    text-align: center;
    width: calc(7em + 2px);
    background-repeat: no-repeat;
    background-position: center;
}
#partner-1 {
    background-image: url("../../images/logos/partner-logo-1.png");
}
#partner-2 {
    background-image: url("../../images/logos/partner-logo-2.png");
}
#partner-3 {
    background-image: url("../../images/logos/partner-logo-3.png");
}
#partner-4 {
    background-image: url("../../images/logos/partner-logo-4.png");
}
#partner-5 {
    background-image: url("../../images/logos/partner-logo-5.png");
}
#partner-6 {
    background-image: url("../../images/logos/partner-logo-6.png");
}
#partner-7 {
    background-image: url("../../images/logos/partner-logo-7.png");
}
#partner-8 {
    background-image: url("../../images/logos/partner-logo-8.png");
}
#bg-layer-1 {
    background-image: url("../../images/t2.png");
    background-attachment: fixed;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 0;
    width: 100%;
    height: 100vh;
    position: absolute;
}
#bg-layer-2 {
    background-image: url("../../images/t2a.png");
    background-attachment: fixed;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 0;
    width: 100%;
    height: 100vh;
    position: absolute;
}
#bg-layer-3 {
    background-image: url("../../images/t3.png");
    background-attachment: fixed;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 0;
    width: 100%;
    height: 100vh;
    position: absolute;
}
#bg-layer-4 {
    background-image: url("../../images/t4.png");
    background-attachment: fixed;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 0;
    width: 100%;
    height: 100vh;
    position: absolute;
}

/*ANIMATIONS*/

@keyframes flickerAnimation {
    0%   { opacity:0.5; }
    50%  { opacity:0.1; }
    100% { opacity:0.5; }
}
@-o-keyframes flickerAnimation{
    0%   { opacity:1; }
    50%  { opacity:0; }
    100% { opacity:1; }
}
@-moz-keyframes flickerAnimation{
    0%   { opacity:1; }
    50%  { opacity:0; }
    100% { opacity:1; }
}
@-webkit-keyframes flickerAnimation{
    0%   { opacity:0.5; }
    50%  { opacity:0.1; }
    100% { opacity:0.5; }
}
.animate-flicker {
    -webkit-animation: flickerAnimation 10s infinite;
    -moz-animation: flickerAnimation 10s infinite;
    -o-animation: flickerAnimation 10s infinite;
    animation: flickerAnimation 10s infinite;
}

.fader-t1 {
    -webkit-animation: flickerAnimation 5s infinite;
    -moz-animation: flickerAnimation 5s infinite;
    -o-animation: flickerAnimation 5s infinite;
    animation: flickerAnimation 5s infinite;
    -moz-animation-delay: 10s;
    -webkit-animation-delay: 10s;
    -ms-animation-delay: 10s;
    animation-delay: 10s;
}
.fader-t2 {
    -webkit-animation: flickerAnimation 10s infinite;
    -moz-animation: flickerAnimation 10s infinite;
    -o-animation: flickerAnimation 10s infinite;
    animation: flickerAnimation 10s infinite;
    -moz-animation-delay: 10s;
    -webkit-animation-delay: 10s;
    -ms-animation-delay: 10s;
    animation-delay: 10s;
}
.fader-t3 {
    -webkit-animation: flickerAnimation 12s infinite;
    -moz-animation: flickerAnimation 12s infinite;
    -o-animation: flickerAnimation 12s infinite;
    animation: flickerAnimation 12s infinite;
    -moz-animation-delay: 10s;
    -webkit-animation-delay: 10s;
    -ms-animation-delay: 10s;
    animation-delay: 10s;
}
.fader-t4 {
    -webkit-animation: flickerAnimation 7s infinite;
    -moz-animation: flickerAnimation 7s infinite;
    -o-animation: flickerAnimation 7s infinite;
    animation: flickerAnimation 7s infinite;
    -moz-animation-delay: 3s;
    -webkit-animation-delay: 3s;
    -ms-animation-delay: 3s;
    animation-delay: 3s;
}