
/*----------------------------------------------------------------------*/
/*                                                                      */
/*    PUBLIC JOURNAL STYLESHEET                                         */
/*    CREATED 9.24.17                                                  */
/*                                                                      */
/*    CONTAINS CONTRIBUTION-SPECIFIC STYLES  (IF ANY)                   */
/*                                                                      */
/*    BRIAN LONSWAY                                                     */
/*    CO-DESIGN EDITOR, PUBLIC                                          */
/*                                                                      */
/*----------------------------------------------------------------------*/



/*----------------------------------------------------------------------*/
/* Slick carousel */
/*----------------------------------------------------------------------*/

/* fade is the class name of the custom slick slideshow */
/* this sets the image content size */ 
.fade img.mainContent {
width:100%;
height: auto;
}

/* seems I needed to set this as well to control width */
.slick-slide {
width: 600px;
height:auto;
}

/* styles for replacement of default left and righ arrows */
.left-arrow {
width: 10px;
height: 20px;
position: absolute;
top: 104%;
left:0px;
padding:2px;
}


.right-arrow {
width:10px;
height: 20px;
position: absolute;
top:104%;
right:-0px;
padding:2px;
}


/*----------------------------------------------------------------------*/
/* Knightlab Timeline   */
/*----------------------------------------------------------------------*/

.tl-timeline {
font-family: "Futura W01 Light","Helvetica Neue",Helvetica,Arial,sans-serif;
}


/*----------------------------------------------------------------------*/
/* Knightlab Storymap   */
/*----------------------------------------------------------------------*/

/* sets typeface to match journal */
.vco-storymap {
font-family: "Futura W01 Light","Helvetica Neue",Helvetica,Arial,sans-serif;
}

/* reduces point size of in-slide type */
.vco-storymap h1, .vco-storymap h2, .vco-storymap h3 {
font-size: 18px;
line-height: 18px;
}

.vco-storymap h2.vco-headline-title {
font-size: 30px;
line-height: 30px;
}

.vco-text-content {
font-size: 80%;
}

/* right-align captions to match right alignment of credits */
.vco-caption {
text-align: right;
}

/* line height inherited by in-slide text set all the way up at this level */
.vco-text p {
line-height:100%;
}

/* lighten boldness of in-slide text */
.vco-storymap b, .vco-storymap strong {
font-weight: 400;
}

/* reducing the padding significantly reduces the size of the previous and next arrows */
.vco-layout-landscape .vco-storyslider .vco-slidenav-next .vco-slidenav-icon:before, .vco-layout-landscape .vco-storyslider .vco-slidenav-previous .vco-slidenav-icon:before {
padding:8px;
}

/* tweak required to properly align right-side arrow after shrinking it */
.vco-layout-landscape .vco-storyslider .vco-slidenav-next {
right: 110px;
}







