.dnnLoginActions .dnnSecondaryAction{
    top:0px !important; 
    width: 100% !important;
}
.userLogin a, .userName a {color:#000 !important;}
 
 .is-row-tool.is-tool button {
 max-width: 50px !important;
}
.is-row-tool.is-tool {
 max-width: 350px !important;
}
.learn-more {
    width: 100%;
    flex:1;
    background-color:#D4D4D4;
    padding: 10px;
    text-align:center;
    cursor:pointer;
    transition: transform .2s;
    color:#000 !important;
}
.register-btn {
    width: 100%;
    flex:1;
    background-color:#B5B5B5;
    padding: 10px;
    text-align:center;
    cursor:pointer;
    transition: transform .2s;
    color:#000 !important;
}
.learn-more:hover, .register-btn:hover {
    background-color:#ff0000;
    color:#ffffff !important;
}
#cats .active, .btn.active, .button-01.active {
    background-color: var(--button-hover-color1) !important;
    color: #fff !important;
    border-color: var(--button-hover-color1) !important;
}

.project-view .btn {
 font-size: 12px !important;
 border-color:   var(--button-color1);
 padding: 10px;
 cursor:pointer;
}



body .button-01 {
    border-radius: 3px;
    background-color: var(--button-color1);
    min-width: 150px;
    color: #FFF;
    font-family: var(--family2);
    font-weight: 400;
    padding-bottom: 2px;
}
body .button-01, body .button-01:link, body .button-01:active, body .button-01:visited {
    color: #FFF;
    transition: color ease-in 300ms, background-color ease-in 300ms;
}
body .button-01:hover {
    background-color: var(--button-hover-color1);
    text-decoration: none !important;
}
body .btn-color1.button-01 {
    background-color: var(--button-color1);
}
body .btn-color1.button-01:hover {
    background-color: var(--button-hover-color1);
}
body .btn-color2.button-01 {
    background-color: var(--button-color2);
}
body .btn-color2.button-01:hover {
    background-color: var(--button-hover-color2);
}
body .btn-color3.button-01 {
    background-color: var(--button-color3);
}
body .btn-color3.button-01:hover {
    background-color: var(--button-hover-color3);
}
body .btn-color4.button-01 {
    background-color: var(--button-color4);
}
body .btn-color4.button-01, body .btn-color4.button-01:link, body .btn-color4.button-01:active, body .btn-color4.button-01:visited {
    color: #272727;
    transition: color ease-in 300ms, background-color ease-in 300ms;
}
body .btn-color4.button-01:hover {
    background-color: var(--button-hover-color4);
}
body .btn-color5.button-01 {
    background-color: var(--button-color5);
}
body .btn-color5.button-01, body .btn-color5.button-01:link, body .btn-color5.button-01:active, body .btn-color5.button-01:visited {
    color: var(--accent-color);
}
body .btn-color5.button-01:hover {
    background-color: var(--button-hover-color5);
}
body .btn-color6.button-01 {
    background-image: linear-gradient(to right, var(--accent-color), var(--accent-color2));
    transition: all ease-in 300ms;
}
body .btn-color6.button-01:hover {
    filter: brightness(120%);
}
a.social-01 {
    width: 42px;
    height: 42px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    background-color: #FFF;
    border-radius: 50%;
    margin: 0px 3px 10px;
    color: var(--accent-color);
}
a.social-01, a.social-01:link, a.social-01:visited, a.social-01:hover {
    color: var(--accent-color);
    transition: all ease-in 300ms;
}
a.social-01:hover {
    color: #FFF;
    background-color: var(--accent-color);
}
.ourteam-01 {
    position: relative;
}
.ourteam-01::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.55);
    z-index: 1;
    opacity: 0;
    transition: all ease-in 300ms;
    pointer-events: none;
}
.ourteam-01 .pic img {
    width: 100%;
}
.ourteam-01 .pic .Lazy-loading {
    min-width: 100%;
}
.ourteam-01 .cont {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #FFF;
    z-index: 2;
    pointer-events: none;
    opacity: 0;
    transition: all ease-in 300ms;
}
.ourteam-01 .cont>* {
    pointer-events: all;
}
.ourteam-01 .cont .icon {
    display: flex;
}
.ourteam-01 .cont .icon>a {
    margin: 0px 5px 10px;
}
.ourteam-01 .title {
    color: #FFF;
    font-size: 1.5rem;
    margin: 0 0 10px;
}
.ourteam-01 .position {
    color: #FFF;
    font-size: 1rem;
    margin: 0 0 25px;
}
.ourteam-01:hover::before, .ourteam-01:hover .cont {
    opacity: 1;
}

.col-sm-4 .project-icons {float:right;}

.project-list .project-icons {
    float:clear !important; 
}

.project-spacer{display:none; }

.project-list .box {
display:flex !important; 
align-items: center !important;  
justify-content: center !important;
}

.project-list .box-cont {
flex: 1 !important;
}

.project-list .text_style1 {
flex: 6 !important; 
display:flex !important;
align-items: center !important;  
justify-content: center !important;
}

.project-list .project-title-cont {
width: 100% !important; 
flex:1 !important; 
padding: 15px !important;
}

.project-list .project-title {
    font-size: 2em !important;
}

.project-list .project-category {
flex: 2 !important;
}

.project-list .project-date {

flex: 1 !important;

}


.project-list .project-info {
flex: 2 !important;
}


.project-category-view {
    padding: 5px 15px; 
    margin: 10px 0px; 
    background-color:#ff1d25; 
    border-radius: 5px; 
    color:#ffffff;
    }

    .project-view-icons {
        font-size: 1.5em;
        line-height: 1.5em;
    }

.project-image {
    height: 0; 
    width:100%;
    padding-bottom:100%;
    border-radius: 5px; 
    text-align:center;  
    background-size: cover; 
    background-image-position:center;
}

.project-header {
   width: 100%;
    background-size: cover;
    background-position: center;
    margin-bottom: 50px;
}

.project-header .project-title {
    text-align:center;
    color:#fff;
    padding-top: 120px;
    padding-bottom: 120px;
    padding-left: 30px;
    padding-right: 30px;
}

.sponsors {
    text-align:center; 
    max-width: 1200px; 
    margin:auto; 
    }

    .sponsors h1 {margin-top: 25px;}

.Social-Banner {
    background-color:var(--button-color1);
    width:100%; 
    padding: 4%; 
    text-align:center;
}


a.social {
  color:white !important;
  font-size: 1em;
  padding-left:30px;
  padding-right: 30px;
   transition: all .2s ease-in-out;
    }

.social i {transition: all .2s ease-in-out;}
.social i:hover {
    transform: scale(1.2);
}

.logo_header {
    max-width: 350px;
}

.logo_header img{
    max-width: 250px;
}

.userMessages, .userNotifications, .userProfilename, .userSettings, .userRegister {display:none !important;}

.userName, .userLogin {color:#fff !important;}

.modal {width: 100%;}

footer .dngTextBox, footer .footer-info-box {padding: 5%;}