/*
Theme Name: INC Portal v3
Theme URI: http://http://networkcultures.org/
Description: INC two
Author: Falise.com
Author URI: http://falise.com
Template: inc-home
Version: 1.1
*/

#content #inc-pubs #inc-pubs-button
{
    padding: 10px;
}

.byline > b
{
    color: #333;
}

.box .byline + .byline
{
    margin-bottom: .5em;
}

/* fancy rollovers */
#inc-pubs div,
input[type="submit"]
{
    transition: background-color .3s, color .3s;
}

/*
Base classes and preparation before user starts scrolling
 */

/* White background to prevent content from showing between header and nav */
#container:before
{
    content: "";
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    height: 90px;
    width: 100%;
    background: white;
    z-index: 999;
    transition: height .3s;
}

#content
{
    padding-top: 110px;
}

body.admin-bar #main-nav
{
    margin-top: 32px;
}

body #main-nav
{
    position: fixed;
    padding-top: 0 !important;
    width: 100%;
    transition: top .3s;
    z-index: 999;
}

#main-nav:after
{
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.3);
    box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.3);

    opacity: 0;
    transition: opacity .2s;
}

#baguette
{
    position: relative;
    z-index: 999;
}

#inner-header,
#inner-header #logo img
{
    max-height: 55px;
    transition: max-height .4s;
}

#inner-header #search input
{
    transition: margin-top .4s;
}

#inner-header #logo img
{
    object-fit: contain;
}

/*
Sticky menu classes; activated when user starts scrolling
 */

body.sticky #inner-header
{
    max-height: 43px;
    overflow: hidden;
}

body.sticky #inner-header #logo img
{
    max-height: 30px;
}

body.sticky #main-nav:after
{
    opacity: 1;
}

body.sticky #main-nav #burger #navicon
{
    /* padding: 10px 15px; */
}


/* Newsletter fixed in a faux media query for overwriting parent styles */
@media only screen and ( min-width: 0px )
{
    #content #newsletter form
    {
        width: 100%;
        text-align: center;
    }

    #content #mc-embedded-subscribe,
    #content #newsletter form input[type="submit"]
    {
        display: inline-block;
        margin: 0 auto;
        float: none;
        max-width: 90%;
    }
}

/* Small screen */
@media only screen and ( max-width: 769px )
{
    #container:before
    {
        height: 60px;
    }

    #main-nav
    {
        top: 57px;
    }

    #main-nav #burger #navicon
    {
        padding-left: 30px;
    }

    #main-nav ul li a
    {
        padding-left: 20px;
    }

    body.sticky #main-nav
    {
        top: 46px;
    }

    body.sticky #inner-header #search input
    {
        margin-top: 6px;
    }
}

/* Big screen */
@media only screen and ( min-width: 768px )
{
    #main-nav
    {
        top: 69px;
    }

    body.sticky #main-nav
    {
        top: 44px;
    }

    body.sticky #inner-header #search input
    {
        margin-top: 0;
    }
}

@media screen and (max-width: 782px)
{
    body.admin-bar #main-nav
    {
        margin-top: 46px;
    }

    #wpadminbar
    {
        position: fixed;
        top: 0;
    }
}

/* Tweak menu items to fit on screen */
@media only screen and ( min-width: 768px ) and ( max-width: 905px )
{
    #main-nav nav#baguette ul li
    {
        padding: 10px 2px;
    }
}

/*
Sidebar
 */

#sidebar section
{
    background: white;
    color: #8e8e8e;
    padding: 10px 0;
    margin-bottom: 1em;
}

#sidebar h2,
#sidebar h3
{
    font-size: 1em;
    margin: 0;
}

#sidebar h2
{
    text-transform: uppercase;
    color: #ff3300;
}

#sidebar h2,
#sidebar h3,
#sidebar p
{
    padding: 0 10px;
    margin: 0;
}

#sidebar h3
{
    font-size: .9em;
    padding-bottom: .5em;
    text-transform: none;
}

#sidebar h2,
#sidebar .box-tiny
{
    padding-top: 10px;
    margin-top: 10px;
    border-top: 1px solid #f4f4f4;
    cursor: pointer;
}

/*
#sidebar .projects h2
{
    border-bottom: 1px solid #f4f4f4;
    padding-bottom: 10px;
    margin-bottom: 10px;
}
*/

#sidebar .box-tiny > a
{
    display: block;
}

#sidebar .box-pub.has-thumb
{
    padding-top: 0;
}

#sidebar .box-project.has-thumb
{
    padding: 0;
    border: none;
    text-align: center;
}

#sidebar h2:first-child
{
    border-top: none;
    padding-top: 0;
    margin-top: 0;
}

#sidebar img
{
    width: 100%;
    height: auto;
}

#sidebar .box-tiny a h3
{
    transition: color .3s;
}

#sidebar .box-tiny a:hover h3
{
    color: #ff3300;
}

#sidebar .box-tiny a img
{
    opacity: 1;
    transition: opacity .3s;
}

#sidebar .box-tiny a:hover img
{
    opacity: .8;
}

#sidebar .box-project img
{
    max-width: 300px;
    margin: 0 auto;
    display: block;
}

#sidebar .newsletter a
{
    margin: 0 10px;
    padding: .5em;
    color: white;
    border: none;
    background: #ff3300;
    text-transform: uppercase;
    font-weight: 600;
    white-space: wrap;
    max-width: 100% !important;
    display: block;
    text-align: center;
}

/*
Home
 */

body.home .box .box-right
{
    padding: 10px 10px 0 10px;
    min-height: 190px;
}

body.home .box .box-right h1
{
    margin-top: 0;
    font-size: 1.1em;
    font-weight: bold;
}

body.home .box .box-right .byline
{
    margin-bottom: .4em;
}

body.home .box .box-right .content
{
    margin: 0;
}

body.home .box.event .box-right p.event-date
{
    margin: 1em 0 .5em 0;
}

body.home .box.event .box-right p.event-date,
body.home .box.event .box-right p.event-location
{
    font-size: 1em;
}

/*
Search
 */

/* Hide stuff we really don't need */
.globalsearch_meta,
.globalsearch_post .globalsearch_comment,
.search-results p:empty,
.globalsearch_content .entry p a,
.globalsearch_content .entry p br,
.globalsearch_content iframe
{
    display: none;
}

/* Hide ugly intro text */
.search-results section
{
    color: transparent;
}

/* Show relevant intro */
.search-results section > p
{
    color: #5b5b5b;
    margin: 0;
}

.globalsearch_blog_title,
h1.globalblog_title
{
    font-size: 1.5em;
    text-decoration: none;
    padding: 20px;
    background: white;
    margin: 0;
}

.globalsearch_post
{
    background: white;
    padding: 20px;
    margin: 20px 0 0 0;
    font-size: 1em;
    color: #8e8e8e;
    line-height: 1.5em;
}


h2.globalsearch_title
{
    font-size: 1.5em;
    font-weight: normal;
    padding: 0 !important;
    color: white;
    margin: -.5em 0 0 0;
    line-height: 1em;
}

/* Hide * before a in title */
h2.globalsearch_title a
{
    display: block;
    line-height: 1.3em;
}

.globalsearch_post .globalsearch_header
{
    margin: 0;
    padding: 0;
}

.globalsearch_post .globalsearch_content
{
    font-style: 1em;
    color: #8e8e8e;
}

.globalsearch_content .entry,
.globalsearch_content .entry p
{
    font-size: 1em !important;
    padding: 0 !important;
}

.hentry .mss-results h1,
.hentry .mss-results h2
{
    padding-right: 0 !important;
}

.hentry .mss-results h2
{
    font-size: 1.2em;
    color: #ff3300;
    margin: 0 0 .5em 0;
}

.hentry .mss-results p
{
    font-size: 1em !important;
    padding-right: 0 !important;
}

/* Paging */

.mss-paging
{
    margin: 1em 0;
    text-align: center;
}

.mss-paging a,
.mss-paging a:visited
{
    display: inline-block;
    padding: 1px 5px;
    font-size: .85em;
    margin: 5px;
    color: #8e8e8e;
}

.mss-paging a
{
    transition: color .3s;
}

.mss-paging a.num
{
    border: 1px solid #8e8e8e;
}

.mss-paging a:hover
{
    color: #ff3300;
}

.mss-paging a.num.active,
.mss-paging a.num.active:visited
{
    font-weight: bold;
    border: 1px solid #ff3300;
    color: #ff3300;
}

/* Fix lists in content */

body .entry-content ul,
body .entry-content li
{
    margin-left: .6em;
    font-size: 1em;
}

/* Hva Logo */
.header .hva-logo
{
    float: right;
    height: 20px;
    width: auto;
    margin: 29px 5px 0 0;
    transition: margin .3s;
}

body.sticky .header .hva-logo
{
    margin-top: 5px;
}

@media screen and (max-width: 769px)
{
    .header .hva-logo
    {
        height: 20px;
        margin-top: 21px;
    }

    body.sticky .header .hva-logo
    {
        margin-top: 12px;
    }
}

@media screen and (max-width: 405px)
{
    header.header .hva-logo
    {
        height: 14px;
        margin: 26px 0 0 0;
    }
}


 /* Banners Carousel  */

.slick-prev::before, .slick-next::before {
    color: #ff3300;
}

#content #banners .banner, #content #banners .banner {
    background-color: transparent !important;
}

.banner img {
    padding: 10px;
}



 /* Pagination in home */

 .read-newer {
     float: right;
 }