/*
Theme Name: Lupus Research
Author: Niki Sebastino for FatLab, LLC
Author URI: http://fatlabwebsupport.com/
Description: Description
Version: 1.0.0
*/

.single-grants h1,
.single-grants h4,
.single-grants .meta a {
    color: #000;
}

.single-grants .meta a:hover,
.grant-blocks h5 a:hover {
    color: #5c2f92;
}

.bms-custom-archive,
.cma-custom-archive {
    display: none;
}

.page-id-6997 .block-walk {
    display: none;
}

#popup-search {
    width: 100%;
}

.fancybox-inner {
    width: 100% !important;
}

.fancybox-wrap {
    width: 100% !important;
    max-width: 50% !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%);
}

.form-search.style .field-wrap {
    max-width: 100%;
}

.form-search.style .field-holder {
    width: 92%;
}

.search-holder {
    padding: 45px;
}

.bg-pink-color {
    background: #9c2486;
}

.bg-pink-color:hover {
    background: linear-gradient(45deg, #ac2683 15%, #ee353f 85%);
}

.accordion-area .panel-group .panel-body p {
    margin-bottom: 20px;
}

.sub-nav a {
    padding: 27px 5px;
    font-size: 19px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.sub-nav li {
    margin: 0px 12px;
}

.sub-nav a:hover {
    font-weight: 400;
}

.sub-nav .container {
    width: 100%;
}

.nav-opener {
    padding: 22px 50px 22px 0; 
}
.nav-opener span {
    right: 5px;
}

@media only screen and (max-width:1550px) {
    .sub-nav a {
        font-size: 17px;
        padding: 25px 5px;
    }

    .sub-nav li {
        margin: 0px 5px;
        overflow: inherit;
        text-align: center;
    }

    .sub-nav .container {
        padding: 0px;
    }
}

@media only screen and (max-width:1250px) {
    .sub-nav a {
        padding: 16px 5px;
    }
}

@media only screen and (max-width:1199px) {
    .fancybox-wrap {
        max-width: 85% !important;
    }

    .sub-nav a {
        font-size: 16px;
        padding: 16px 5px;
    }
}

@media only screen and (max-width:991px) {
    .sub-nav a {
        font-size: 14px;
        padding: 14px 0px 11px;
    }
    .nav-opener span {
        width: 40px; 
        height: 23px;
        right:5px;
}
.nav-opener {
    padding: 12px 50px 22px 0; 
}
}

@media only screen and (max-width:767px) {
    .sub-nav ul {
        flex-wrap: wrap;
        padding: 5px 0px 0px;
    }

    .sub-nav a {
        font-size: 14px;
        padding: 0px 0px 5px;
    }

    .sub-nav li {
        margin: 7px 5px 0px;
    }

    #header .links-list li:last-child,
    #header .links-list li.give-link {
        display: block;
    }

    .home #header .give-link .btn-default {
        min-width: 80px;
    }
   
        .nav-opener {
            padding: 12px 50px 22px 0;
        }

}



@media only screen and (max-width:567px) {
    .fancybox-wrap {
        max-width: 88% !important;
    }

    .search-holder {
        padding: 20px 30px 30px;
    }

    .form-search button[type=submit] {
        font-size: 17px;
        line-height: 24px;
        height: 40px;
        width: 50px;
    }

    .form-search .form-control {
        font-size: 14px;
    }

    .sub-nav a {
        font-size: 13px;
        padding: 0px 0px 5px;
    }
}

@media only screen and (max-width:400px) {
    .search-holder {
        padding: 18px 20px 23px;
    }
}