/* For mobile phones: */
[class*="wps-"]{
  width: 100%;
}

[class*="daccs-"]{
  width: 100%;
}

@media only screen and  (min-width:576px){
    .wps-sm-hummingbird-logo{
        width: 90%;
    }

    .wps-sm-weaver-logo{
        width: 90%;
    }

    .marble-logo-node{
        width: 50%;
    }
}

@media only screen and (min-width:786px){
    .marble-logo-node{
        width: 75%;
    }
}

@media only screen and (min-width:992px){
    .wps-lg-finch-logo{
        width: 50%;
        left: 20%;
    }

    .wps-lg-raven-logo{
        width: 53%;
    }

    .wps-lg-hummingbird-logo{
        width: 50%;
        left: 20%;
    }

    .wps-lg-weaver-logo{
        width: 45%;
    }

    .marble-logo-node{
        width: 100%;
    }
}

/*Informational Pages*/
/*Puts off-white colour as background of all information sections*/
.info-background{
    background-color: #F7F9FB;
}

/*WPS page*/
/*
.marble-docs-link{
    color: inherit;
    text-decoration: none;
}

.marble-github-link{
    color: inherit;
    text-decoration: none;
}*/

/*Carousel*/

.carousel-link{
    color: inherit;
    text-decoration: none;
}

.carousel-left-caption{
    width: auto;
    position: absolute;
    bottom: 1.25rem;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    color: #fff;
}

.carousel-text-background{
    border-radius: 25px;
    background-color: rgba(0.0, 0.0, 0.0, 0.25);
}












.gradient-text{
  background-image: linear-gradient(to right, #2D3367, #1F81B6, #336D66, #F6DC3D, #C66B33, #762F24);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/*Page Elements*/
#nodeContentDisplay{
    background-color: #F7F9FB;
}

#accordionContentDisplay{
    background-color: #F7F9FB;
}

/*Footer*/


.footer-link{
    color: #FFFFFF;
    text-decoration: none;
}

.logo-box{
    max-height: 179px;
}

a.href-text{
    color: black;
    text-decoration: none;
}

/*About*/
.about-background{
    background-color: #F7F9FB;
}

.about-profile-link{
    color: black;
}

/*Node Page*/
.background-node-logo{
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
}

.foreground-img-blur{
    width: 100%;
    height: 100%;

    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    -moz-backdrop-filter: blur(8px);
    -o-backdrop-filter: blur(8px);
    -ms-backdrop-filter: blur(8px);
}

.table-left-border{
    border-left: 1px solid;
}

.table-bottom-border{
    border-bottom: 1px solid;
}

.registration-status-title{
    font-weight: bold;
}