/*  Author:         Joshua Wilson - copyright 2019 
*   Author URI:     https://byjosh.co.uk
*/

/* In slick slider centre the text */
    .multiple-items img, .slider-for img,  .slider-for figcaption, .slider-nav figcaption {
        margin-left: auto;
        margin-right: auto;
        text-align:center;
    }
    /* In slick slider centre the text and narrow enough to make arrows visible*/
    .multiple-items, .slider-for, .slider-nav  {
        max-width: 90%;
        margin-left: auto;
        margin-right: auto;
    }
    .slick-slide img {
        /* constrain height so you can see image all at once on wide screens was 85vh */
        max-height: 65vh;
        width: auto;
    }
    .slider-nav:hover::after, .slider-nav:focus::after {
    content: "to move: swipe on thumbnails or click main image & use arrow keys.";
    color:#545764;
}
.slick-next::before, .slick-prev::before {
    color:#545764 !important;
}
    .slider-nav::after {
    content: ".";
    height: 18px;
    height: 18px;
    font-size: 12px;
    line-height: 14px;
    text-align: center;
    color:white;
}
/* classic editor slideshow hide captions */
.slider-nav .wp-caption-text {
    display: none;
}

/* END classic editor slideshow hide captions */
    @media screen and (min-width: 960px) {
        /* set main and sidebar columns 
        .container-fluid > div.row {
            display: grid;
            grid-template-columns: 70% 30%;

        }*/
        /* bring sidebar up */
         .nv-single-page-wrap, .nv-single-post-wrap {
             grid-column: 1/2;
         }
         .nv-sidebar-wrap {
             grid-column: 2/3;
         }
    }
    body {
        background-color: white;
    }
    /* change arrow color for slick next & prev arrows*/
    .slick-next:before, .slick-prev:before {
        font-size: 25px;
        color: #808080;
    }
    /* provide some space between nav slides*/
    .slick-slide {
        border: 5px solid white;
    }
    /* in slider nav bring up the video embed */
    .slider-nav .slick-slide iframe {
        height: unset;
        width:unset;
    }
    .nav-slick-container {
        width: 100%; 
        max-width: 600px;
        margin-left:auto; 
        margin-right:auto;
        }
        @media screen and (max-width: 760px) {
            .nav-slick-container {
            width: 80vw;
             }
        }
    
    
/* Styles to put show hide links on summary/details elements */
 details[open=""] summary::after {
 
    content: " (hide)";

 }
  details summary::after {
 
    content: " (show)";

 }
 /* END Styles to put show hide links on summary/details elements */
.web-credit {
    text-align: center;
}
.wp-block-file .wp-block-file__button {
    background-color: #8a8a8a;
    font-size: 12px;
}
.wp-block-file a {
    font-size: 12px;
}
/* set main and footer menu font-size & colour */
.primary-menu-ul a, .site-footer li a {
    font-size: 14px;
    color:#545764;
}

#site-footer .footer-bottom .light-mode {
    background-color: #fff;
}
/* END set main and footer menu font-size & colour */
/* hide page title on top level menu pages and the text on home page in way that is accessible to screenreaders still */
.page-id-1885 .nv-page-title-wrap, .page-id-2705 .nv-page-title-wrap, .page-id-1831 .nv-page-title-wrap, .page-id-1852 .nv-page-title-wrap, .page-id-1819 .nv-page-title-wrap, .category-work .nv-page-title-wrap, .home .nv-single-page-wrap  {
    
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;

    
}
/* END hide page title on top level menu pages and the text on home page in way that is accessible to screenreaders still */

.site-title , .site-logo a  h1, .site-logo a  p {
    font-size: 1.9em;
    color:#545764;
}
.nv-content-wrap {
    padding-top: 25px;
    color:#7a7e90;
}
figcaption, .wp-caption-text {
    font-size: 12px;
    margin-top: 16px;
}
footer p, .web-credit {
    font-size: 12px;
    color:#545764;
}

.title.entry-title {
   
    color: #545764;
    font-size: 1.5em;
   margin-right: 10px;
}
/* set arrows on Next and Prev arrows to move between galleries */
.nv-title-meta-wrap {
 display: flex;
 align-items: center;
 justify-content: center;
 }
.gallery-links a.previous::before {color:#545764; content:"\2190"; font-size: 25px;}
.gallery-links a.next::before {color:#545764; content:"\2192"; font-size: 25px;}
@media screen and (max-width: 600px) {
.nv-title-meta-wrap {
 display: flex;
 align-items: center;
 justify-content: center;
flex-direction: column-reverse;
 }
.gallery-links a.previous::before {  font-size: 35px; margin-right: 45px;}
.gallery-links a.next::before { font-size: 35px;}
}
.gallery-links a, .gallery-links a:hover {color:#fff;}

.nv-single-page-wrap.col h3 {
    font-weight: 900;
}

/* Following is needed to make Slick function without external modules*/

.slick-dots li button {
 display: block;
 line-height: 0;
 font-size: 0;
 background: transparent;
 padding: 5px;
 color: grey;
}
.slick-dots li {
 display: inline-block;
 margin: 5px;
 position: relative;
}
.slick-dots {
 text-align: center;
}
.slick-dots li button::before {
 content: "\2022";
 font-size: 10px;
}
.slick-next, .slick-prev {
 position: absolute;
 display: block;
 height: 20px;
 width: 20px;
 line-height: 0;
 font-size: 0;
 cursor: pointer;
 top: 50%;
 -webkit-transform: translateY(-50%);
 transform: translateY(-50%);
 padding: 0;
 border: none;
 background-color: transparent;
}

.slick-next.slick-arrow {
 right: -30px;
}
.slick-prev.slick-arrow {
 left: -30px;
}
.slick-prev::before {

 content: "\2190";
}
.slick-next::before {

 content: "\2192";
}

.slick-next:hover, .slick-prev:hover {
     background-color: transparent;
}
li.slick-active button::before {
    color: black;
}
/* center iframe in main slidermake iframes centered by default */
.slider-for iframe {
    margin-left: auto;
    margin-right: auto;
    display: inherit;
}

.nv-footer-content > div , .slick-slide  > 
 iframe {
    display: block; /* was inherit */
    margin-left: auto;
    margin-right: auto;
    text-align: center;

}
/*  page layout fixes */
.container-fluid {
    margin-right: auto;
    margin-left: auto;
    padding-left: 35px;
    padding-right: 15px;
}

.header--row .header--row-inner .container .row {
    display: flex;
    align-items: center;
    position: relative;
}
 .container {
    width: 90%;
}
@media screen and (min-width: 1200px) {
   .header--row .header--row-inner .container {
    width: 1170px;
    }
}
@media screen and (min-width: 960px) {
   .header--row .header--row-inner .container {
    width: 860px;
    }
}
@media screen and (max-width: 960px) {
.header--row .header--row-inner .container .site-logo {
    justify-content: center;
}
}
/* END page layout fixesmake iframes centered by default */

/* reverse sliders on mobile */
@media screen and (max-width: 760px) {
.sliders-flex {
    display: flex;
    flex-direction: column-reverse;
}
}

/*video slider*/
.vimeo-video-slide {
    display: flex !important;
    flex-direction: column-reverse;
    justify-content: center;
    align-items: center;
}
.vimeo-video-slide div {
    width: 480px !important;
    height: 640px !important;
   
}

/* make iframes centered by default */

.slick-slide > iframe {
    display: inherit;
    margin-left: auto;
    margin-right: auto;
}

/* END make iframes centered by default */
/* make category thumbnails centre on small screens */
body.category article div.content > div.nv-post-thumbnail-wrap {
    margin-left: auto;
    margin-right: auto;
}
/* END */