/* === Juicer.io Feed Style Overrides ====================================== */
/* Overall Feed Item Changes */
.feed-item {
    cursor: pointer !important;
}

/* Prevent hyphenation*/
.feed-item * {
    hyphens: manual !important;
    -ms-hyphens: manual !important;
    -moz-hyphens: manual !important;
    -webkit-hyphens: manual !important;

}

/* Hide share buttons except Facebook and LinkedIn */
.j-email, .j-pinterest, .j-googleplus, .j-twitter {
    display: none !important;
}

/* Hide like/comment buttons */
.j-meta {
    display: none !important;
}

/* Change button text */
.j-bottom > .juicer-button {
    font-family: 'Avenir LT W01 35 Light';
}

/* Make header text smaller, set to Avenir */
.j-poster-meta {
    display: none !important;
}

/* Increase font size for title, remove text top margin */
.j-title {
    font-size: 15px !important;
}
.j-text {
    margin: 0 !important;
}

/* Provide max height for image */
.j-post-overlay.juicer-feed .image img {
    max-height: 95vh;
    width: auto !important;
    max-width: 100% !important;
}

/* Center lightbox on page, remove dimmed background (re-added in JS) */
.j-overlay{
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    padding: 0 !important;
    height: auto !important;
    background: none !important;
}

/* Set default cursor on image popup */
.j-content-image{
    cursor: default !important;
    position: relative;
    /*left: 50%;*/
    transform: translate(-50%);
    width: 100% !important;
    max-width: auto !important;
}

/* Expand lightbox image to full size */
.j-post-overlay.juicer-feed .image, .j-post-overlay.juicer-feed .video-wrapper{
    max-width: 100% !important;
    width: 100% !important;
}

/* Hide lightbox text and associated area - it will be removed by JS */
.j-overlay-text {
    display: none !important;
}

/* Make border darker */
li.feed-item {
    border: 1px solid rgba(0, 0, 0, 0.2) !important;
}

/* Height and width of this container gets set programmatically, but it is
   often larger than its contents to begin with, resulting in a visual
   "flash" upon resize.  This ensures that the container will only ever
   increase in size, removing the white flash caused by the background.
   Also, remove the background to prevent slight borders from showing due
   to floating-point calculated values for pixels.
*/
.j-overlay-content {
    background: none !important;
    height: 0;
    width: 0;
    max-width: 90vw !important;
}

/* remove margin on circular SIG icon to achieve true centering */
.j-poster a img { 
    margin: 0 !important;
}



/* Campus Recruiting Page juicer style override */

.j-post-overlay.juicer-feed .j-navigate a.j-next::before {
    font-size: 35px !important;
    margin-right: 3px !important;
}
.j-post-overlay.juicer-feed .j-navigate a.j-previous::before {
    font-size: 35px !important;
    margin-left: 3px !important;
}
.j-post-overlay.juicer-feed .j-navigate a.j-previous, .j-post-overlay.juicer-feed .j-navigate a.j-next{
    color: #FFFFFF !important;
}
    .j-post-overlay.juicer-feed .j-navigate a:hover, .j-post-overlay.juicer-feed .j-navigate a:hover {
        color:#999999 !important;
    }

.j-overlay .j-close {
    width: 36px !important;
    display: block !important;
    background-repeat: no-repeat;
    background-position: 100% -59px !important;
    background-image: url(/Images/Campus/juicer-close.png) !important;
}
.j-overlay .j-close:hover {
    background-position: 100% 5px !important;
    background-image: url(/Images/Campus/juicer-close.png) !important;
}


.j-previous {
    margin-top: 48px !important;
	float: left !important;
}
.j-next {
    margin-top: 48px !important;
	float: right !important;
}

.j-navigate {
	bottom: 47% !important;
	right: 0px !important;
	width: 100% !important;
}

@media (max-width: 748px) {
    .j-navigate {
	    bottom: 40% !important;
    }
}

.j-post-overlay.juicer-feed .j-navigate {
    position: absolute !important;
}