/*
Theme Name: MRDRC Dev
Author: Manvitha Vaduguru
*/
*{
    box-sizing: border-box;
}

body{
    background: #fff;
    /*font-family: "Open Sans, Helvetica Neue, Arial, sans-serif";*/
    /*font-size: 13px;*/
    background: #ffffff;
    line-height: 1.65;
    color: #666;
}


#outer-wrap{
    position: relative;
}


#top-bar-wrap {
    border-bottom: 1px solid #eee;
    font-size: 0.923em;
}

#top-bar{
    position: relative;
    padding: 15px 0;
}

.top-bar-left{
    /*float: left;*/
    align-items:center;
    justify-content:center;
}

a{
    color: #0081cc;
    text-decoration: none;
    outline: 0;
}

#top-bar .fas,
#top-bar .fab{
    color: #000;
    margin-left: 20px;
    margin-right: 5px;
}

#top-bar a{
    color: #555;
    transition: 0.15s all ease;
    /*font-size: 13px;*/
}

#site-header{
    position: relative;
    padding: 0!important;
    background: #fff;
}

#site-header-inner{
    position: relative;
    padding-top: 30px;
    padding-bottom: 30px;
    height: 100%;
}

#site-logo{
    /*float: left;*/
    vertical-align: middle;
    margin: 0 auto;
    text-align: center;
}
#site-logo a{
    height: 100%;
    padding: 0;
    margin: 0;
    text-decoration: none;
}
#site-logo img{
    display: inline;
    vertical-align: middle;
    height: auto;
    width: auto;
    max-height: 100%;
    max-width: 90%;
}


/*
*
*   SEARCH Button MODAL Styling
*
*/


#searchInfo{
    top: 25%;
}
#searchInfo .modal-content{
    background-color: unset;
    border: unset;
}
#searchInfo .modal-header{
    border-bottom: unset;
    padding-bottom: 0;
    margin: 0 auto;
    text-align: center;
}
#searchInfo .modal-header h4{
    font-size: 2.154em;
    margin: 0 0 20px;
    font-weight: 400;
    color: #fff;

    text-transform: capitalize;
}
#searchInfo .modal-body{
    padding-top: unset;
}


/*
*
*NAV BAR DEPTH 2
*
*/

.nav-container{
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
}
.nav-container #site-header-inner{
    padding-top: 0;
    padding-bottom: 0;
}
/* change the background color */
.navbar-custom {
    background-color: #fff;
}
/* change the brand and text color */
.navbar-custom .navbar-brand,
.navbar-custom .navbar-text {
    color: #000;
}
/* change the link color */
.navbar-custom .navbar-nav .nav-link
{
    color: #555;
}


/* change the color of active or hovered links */
/*.navbar-custom .nav-item.active .nav-link,
.navbar-custom .nav-item:focus .nav-link,
.navbar-custom .nav-item:hover .nav-link {
    color: #0081cc;
}*/




.main-nav   {
    height: 30px; /* set to the height you want your menu to be */
}
.main-nav ul    {
    margin: 0;
    padding: 0; /* only needed if you have not done a CSS reset */
    z-index: 100;
}
.main-nav li    {
    display: block;
    float: left;
    line-height: 30px; /* this should be the same as your #main-nav height */
    height: 30px; /* this should be the same as your #main-nav height */
    margin: 0; padding: 0; /* only needed if you don't have a reset */
    position: relative; /* this is needed in order to position sub menus */

}
.main-nav li a  {
    display: block;
    padding: 0 30px 0 30px;
    color: #555;
}

.main-nav li a:hover  {
    display: block;
    padding: 0 30px 0 30px;
    color: #0081cc;
    background-color: #ffffff;
}

#menu-main-menu .current-menu-item a {
    /*font-weight: bold;*/
    color:  #0081cc!important;
    background-color: #ffffff!important;

}

.main-nav #menu-main-menu a:hover {
    /*font-weight: bold;*/
    color:  #0081cc!important;
    background-color: #ffffff;
}

#menu-main-menu .current-menu-item ul li>a {
    color:  #555!important;
    background-color: #ffffff!important;
}

#menu-main-menu .current-menu-item ul li a:hover {
    color:  #0081cc!important;
    background-color: #ffffff!important;
}
.main-nav ul li:first-child{
    border-left: 1px solid #eee;
}
.main-nav ul li{
    border-right: 1px solid #eee;
}
.main-nav ul li ul.sub-menu li:first-child{
    border-left: 0;
}
.main-nav ul.navbar-nav li ul.sub-menu li{
    border-right: 0;
    text-align: left;
    /*border-bottom: 1px solid #eee!important;*/
}

.main-nav ul.navbar-nav ul { /* this targets all sub menus */
    display: none; /* hide all sub menus from view */
    position: absolute;
    border: 1px solid #eee;
    /*left: 30px;*/
    top: 30px; /* this should be the same height as the top level menu -- height + padding + borders */

}
.main-nav ul.navbar-nav ul li { /* this targets all submenu items */
    float: none; /* overwriting our float up above */
    width: 300px; /* set to the width you want your sub menus to be. This needs to match the value we set below */
    height: 35px;
    line-height: 35px;
    /*background: #ffffff;*/

}

.main-nav ul li:hover > a {
    color:  #0081cc;
    background-color: #ffffff;
}

.main-nav ul.navbar-nav ul li a { /* target all sub menu item links */
    padding: 5px 10px; /* give our sub menu links a nice button feel */
    background: #ffffff;
}

.main-nav ul li:hover > ul {
    display: block; /* show sub menus when hovering over a parent */
}
.main-nav ul li ul li ul {
    /* target all second, third, and deeper level sub menus */
    left: 300px; /* this needs to match the sub menu width set above -- width + padding + borders */
    top: 9px!important; /* this ensures the sub menu starts in line with its parent item */
    border: 1px solid #eee!important;
}
.main-nav ul ul li{
    margin: 0;
}
ul.navbar-nav ul a{
    color: #555;
    border-bottom: 1px solid #eee!important;
    background-color: #ffffff;
}
ul.navbar-nav ul ul a{
    border-bottom: 1px solid #eee!important;
    background-color: #ffffff;
}

/*ul#menu-main-menu li ul.sub-menu li a,
ul#menu-main-menu li ul.sub-menu li ul.sub-menu li a
{
    color: #555;
    border-bottom: 1px solid #eee!important;
}*/
.main-nav ul.navbar-nav ul {
    border: 1px solid #eee!important;
}



/*
*
* PAGE BODY
*
*/

#main{
    padding-right: 0;
    padding-left: 0;

}

.page-header{
    margin: 0 auto 40px;
    padding: 20px 0;
    position: relative;
    background-color: #f7f7f7;
    border: 0;

    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
}

.page-header-title{
    /*display: block;*/
    display: inline-block;
    font-size: 1.615em;
    line-height: 1.4em;
    font-weight: 400;
    margin: 0px;
    color: #000;
}

.content-area{
    width: 100% !important;
    max-width: none !important;
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 40px;
}


/*
*
* Card
*
*/

.card{
    background-color: #f9f9f9;
    border-color: transparent;
    border-style: solid;
}

.card-title {

    color: #000;

}
.btn-custom{
    background-color: #08c;
    color: #ffffff;
}

/*
*
* Site Footer
*
*/

.site-footer{
    color: #777;
    background: #262626;
}
#footer-inner{
    padding: #40px 0 0 0;
}
#footer-bottom{
    background: #222;
    color: #999;
    font-size: 0.923em;
}
#footer-bottom-inner {
    position: relative;
    padding-top: 20px;
    padding-bottom: 20px;
}

.content-area h1{
    font-size: 1.5em;
    font-weight: 600;
    color: #000;
    line-height: 1.5;
    margin: 0 0 20px;
}

.content-area h2{
    font-size: 1.313em;
    font-weight: 600;
    color: #000;
    line-height: 1.5;
    margin: 30px 0 20px;
}
.content-area h3{
    font-size: 1.125em;
    font-weight: 600;
    color: #000;
    line-height: 1.5;
    margin: 30px 0 20px;
}

.content-area h4{
    font-size: 1em;
    font-weight: 600;
    color: #000;
    line-height: 1.5;
    margin: 30px 0 20px;
}
.content-area h4 a {
    color: #000;
    text-decoration: none;
}
.content-area h4 a:hover {
    color: #3B86B0;
}

.content-area iframe{
    width: 100%!important;
}


/*
*   Recent POSTS STYLING
 */
.widget .widget-title {
    display: block;
    margin: 0 0 20px;
    font-size: 1.077em;
    line-height: 1.5;
    font-weight: 600;
    color: #000;
}

.widget{
    margin-bottom: 30px;
}

.widget ul {
    list-style: none;
    margin: 0;
    padding-left: 0;
}

.widget_recent_entries li{
    padding: 6px 0;
    border-bottom: 1px solid #eee;
}

.widget_recent_entries li:first-child{
    border-top: 1px solid #eee;
}

.widget_recent_entries a:before{
    margin-right: 6px;
    font-family: "FontAwesome";
    color: #999;
    display: inline-block;
}

.widget ul li a{
    overflow-wrap: break-word;
    word-wrap: break-word;
}

.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    overflow-x: hidden;
    overflow-y: hidden;
}

strong{
    font-weight: 600;
}


/*
** SIDEBAR- RESEARCHERS
*/

#sidebar-researchers ul,
#sidebar-projects ul,
#sidebar-publications ul{
    list-style-type: none;
    padding-left: 0;
}

p{
    margin: 0 0 20px;
}
.project h3,
.project p,
.publication h3,
.publication p{
    margin-bottom: 0px;
}
.project h3 a,
.publication h3 a{
    color: inherit;
}

.project h3 a:hover,
.publication h3 a:hover{
    color: #0081cc;
    text-decoration: none;
}


/*
** FOOTER MENU
*/
@media (min-width: 769px){
    .wrap{
        min-height: calc(100vh - 96px); /*view port height*/
        /*min-height: 100vh; !*view port height*!*/
        /*min-height: calc(100vh - 252px);*/
    }
}
#footer-menu .menu-footer-container{
    float: right;
}
#footer-menu ul{
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
}
#footer-menu ul li{
    float: left;
    margin-left: 20px;
}
#footer-menu ul li:first-child{
    margin-left: 0;
}
#footer-menu ul li a{
    display: block;
    color: #aaa;
    text-align: center;
    /*padding: 16px;*/
    text-decoration: none;
}
#footer-menu ul li a:hover{
    color: #fff;
}


/*
** BREADCRUMBS
*/
.breadcrumbs a{
    color: #666;
}
.breadcrumbs a:hover{
    text-decoration: none;
}
.error404-content{
    text-align: center;
    margin: 50px 0;
    font-size: 1.077em;
}
.error404-content h1{
    font-size: 3em;
    margin: 0 0 10px;
}

/*
** SCROLL TO TOP BUTTON
*/


#myBtnTop {
    display: none;
    position: fixed;
    right: 30px;
    bottom: 30px;
    color: #999;
    height: 45px;
    line-height: 45px;
    width: 45px;
    font-size: 16px;
    background: #f7f7f7;
    border: 3px solid #fff;
    text-align: center;
    margin: auto;
    z-index: 998;
    border-radius: 50%;
}

#myBtnTop:hover {
    border-color: transparent;
    background: #3B86B0;
    text-decoration: none;
    color: #fff;
}


.featurette-divider{
    margin: 5rem 0;
}
.related-posts-title,
.social-share-icons{
    height: auto;
    top: auto !important;
    font-size: 1.154em;
    font-weight: 600;
    color: #000;
    margin: 0 0 20px;
    overflow: hidden;
    position: relative;
}
.related-posts-title span.related-posts-text,
.social-share-title span.social-text{
    display: inline-block;
}
.related-posts-title span.text:after,
.social-share-title span.social-text:after{
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    border-bottom: solid 1px #eee;
    left: 100%;
    width: 9999px;
    margin-top: -1px;
    margin-left: 15px;
}

.post-pagination{
    border-top: 1px solid #eee;
    padding: 30px 0;
}

/*
*
*   CARD IMAGE ALIGN CENTER
*
*/

.card .post-img{
    text-align: center;
    margin: auto;
}


ul.meta-with-title{
    list-style-type: disc;
    margin: 0;
    padding: 0;
    overflow: hidden;
    margin-bottom: 15px;
}

ul.meta-with-title li{
    float: left;
    margin-left: 20px;
    margin-right: 20px;
}
ul.meta-with-title li:first-child{
    margin-left: 0;
}
ul.meta-with-title li:last-child{
    margin-right: 0;
}
/*
ul.meta-with-title li a{
    display: block;
    color: #aaa;
    text-align: center;
    !*padding: 16px;*!
    text-decoration: none;
}*/



/*Author.php*/

.author-card .card-title{
    font-size: 1.313em;
    margin: 0 0 10px;
    font-weight: 400;
}
.author-card .card-title a{
    color: #000;
}
.author-card .card-title a:hover{
    text-decoration: none;
    color: #0081cc;
}

.author-card .meta-with-title a{
    color: #777;
}
.author-card .meta-with-title a:hover{
    text-decoration: none;
    color: #000;
}
.author-read-more:hover{
    color: #fff;
}
.author-card{
    background-color: #fff;
    border: none;
    border-bottom: 1px solid #eee;
}

.s-twitter{
    background-color: #0093CB;
    color: #fff!important;
    padding: 0.3em 0.9em;
    text-align: center;
    font-size: 1.077em;
    transition: 0.15s all ease;
    border-radius: 2px;
}
.s-facebook{
    background-color: #324B80;
    color: #fff!important;
    padding: 0.3em 0.9em;
    text-align: center;
    font-size: 1.077em;
    transition: 0.15s all ease;
    border-radius: 2px;
}
.s-googleplus{
    background-color: #D03724;
    color: #fff!important;
    padding: 0.3em 0.9em;
    text-align: center;
    font-size: 1.077em;
    transition: 0.15s all ease;
    border-radius: 2px;
}
.s-pinterest{
    background-color: #AE1B21;
    color: #fff!important;
    padding: 0.3em 0.9em;
    text-align: center;
    font-size: 1.077em;
    transition: 0.15s all ease;
    border-radius: 2px;
}

.social-box{
    margin: 45px auto;
}

.single-block-article .meta-author a,
.single-block-article .meta-category a{
    color: #777;
}
.single-block-article .meta-author a:hover,
.single-block-article .meta-category a:hover {
    text-decoration: none;
    color: #000;
}

.related-posts a{
    color: #000;
    font-weight: 500;
}
.related-posts a:hover{
    text-decoration: none;
    color: #0081CC;
    font-weight: 500;
}

.single-post-pagination a{
    color: #888;
}

.single-post-thumbnail,
.project-featured-img,
.publication-featured-img,
.researcher-featured-img img{
    text-align: center!important;
    margin: auto!important;
}
.single-post-thumbnail img,
.project-featured-img img,
.publication-featured-img img,
.researcher-featured-img img{
    width: 100%;
    max-width: 100%;
    height: auto;
}

.card .btn:hover{
    color: #fff;
}