p a,
.content p a,
.content p a:link,
.content p a:visited,
body .read-more {
    text-decoration: underline;
}

ul li {
    list-style: inherit;
    list-style-type: disc;
    margin: 6px 24px;
}

#header #logo,
#header #logo-title,
#header .menu a,
#header .menu a:link,
#header .menu a:visited,
a.more-link {
    text-decoration: none !important;
}

.home-slider .slideshow .slides li {
    min-height: 480px;
    background-attachment: initial;
    /* max-height: 600px; */
}

.home .content .organic-column a.button,
.home .featured-pages a.button,
.article .button,
.article .button:hover,
div.button-panel div.organic-column a.button,
#submit {
    display: inline-block;
    position: relative;
    color: #999999;
    font-family: 'Lato';
    font-weight: 400;
    font-size: 1em;
    text-transform: uppercase;
    margin: 12px 0px;
    padding: 6px 24px;
    border-radius: 18px;
    border: 2px solid #999999;
    -webkit-appearance: none;
    text-decoration: none !important;
    background-color: transparent;
}

div.button-panel div.organic-column a.button:hover,
a.more-link:hover {
    border-color: #f7991b !important;
    color: #fff !important;
    background-color: #f7991b !important;
}

.home .featured-pages .text-white a,
.text-white a.button,
.text-white #prevLink a,
.text-white #nextLink a,
.text-white .more-link,
.text-white #submit {
    border-color: #fff !important;
    color: #fff !important;
}

.home .featured-pages .text-white a:hover,
.home .featured-pages .text-white a:focus {
    border-color: #f7991b !important;
    background-color: #f7991b !important;
}

.article .button:hover,
#submit:hover {
    background-color: #f7991b;
    border: 2px solid #f7991b !important;
    color: #fff !important;
}

.article .button:hover {
    cursor: pointer;
}

input.button {
    background: #fff;
    border: 2px solid #999999;
}

#s {
    outline: none;
}

a.button:hover,
.reply a:hover,
#searchsubmit:hover,
#prevLink a:hover,
#nextLink a:hover,
.more-link:hover,
#submit:hover,
#comments #respond input#submit:hover,
.container .gform_wrapper input.button:hover {
    color: #fff !important;
}

body .nospace {
    margin: 0;
    padding: 0;
}

body .pb0 {
    padding-bottom: 0;
}

body .toggle-icon {
    display: none;
}

/* Bio Page Tweaks */

.csl-right-inline {
    margin-left: 0 !important;
}
body .csl-left-margin {
    display: none;
}


.mobile-only {
    display: none
}

.desktop-only {
    display: block
}

@media screen and (max-width: 1220px) {
    .mobile-menu ul.sub-menu {
        display: none;
    }
    #navigation {
        margin: 90px 0px 0px 0px;
    }
    #research-list .portfolio-item .post-holder .excerpt {
        height: 300px;
    }
    .home .featured-posts-wrap .third {
        height: 500px;
    }
    .featured-posts .third:nth-child(3n+1) {
        clear: none;
    }
    .portfolio-half .post-holder,
    .portfolio-third .post-holder {
        min-height: 320px;
    }
    .mobile-menu .sub-menu a {
        background: rgba(0, 0, 0, 0.02);
    }
    .mobile-menu .sub-menu .sub-menu a {
        background: rgba(0, 0, 0, 0.1);
    }
    body .toggle-icon {
        background: url("/wp-content/themes/isb/images/plus.png") no-repeat center center;
        width: 20px;
        height: 42px;
        display: block;
        padding: 0 1.7em 0 1.7em;
        overflow: hidden;
        text-indent: 9999em;
        position: absolute;
        right: 0;
        cursor: pointer;
    }
    body .toggle-icon.active {
        background-image: url("/wp-content/themes/isb/images/minus.png");
    }

    body .mobile-only {
        display: block !important
    }

    body .desktop-only {
        display: none !important;
    }

    #twitter-widget-0, #twitter-widget-1 {
        min-width: auto !important
    }

}

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

    #research-list .portfolio-item .post-holder .excerpt {
        height: 320px;
    }
    .portfolio-half .post-holder,
    .portfolio-third .post-holder {
        min-height: 480px;
    }

    #faculty-list .post-holder {
        min-height: auto;
    }


    .home div.flexslider a.more-link {
        color: #fff !important;
        display: block !important;
        width: 40%;
        margin: auto;
    }
    #research-list .portfolio-item .post-holder .excerpt {
        height: 150px;
    }
    ul#research-list {
        margin-left: 0;
        padding-left: 0;
    }
}

@media screen and (max-width: 400px) {
    .flexslider {
        height: 280px !important;
    }
}
