/*===============
TABLE OF CONTENTS
=================
Prefix your search term with "@" to jump to that section. Eg: to jump to the footer styles, search for "@footer"
layout
-----------------
font size
navigation
components
pages
-----------------
home
breakpoint
-----------------
helpers
extend
override
===============*/
/* @layout */
/* ----------------- */
/* @font size  */
body
{
    font-size: 100%;
}
/* @navigation */
/* @components */
/* @pages */
/* ----------------- */
/* @image gallery */
/* @thumbnails */
#thumbnails
{
    top: 20em;
    height: 24em;
    padding-top: 2em;
    padding-bottom: 2em;
}
#thumbnails .swiper-container .swiper-button-prev
{
    top: 0.3em;
}
/*
.blog-nav .prev a
{
    left: -1em;
}
.blog-nav .next a
{
    right: -1em;
}
*/
.blog-post .share-links a
{
    height: auto;
    padding-right: 10px;
    min-width: 4.5em;
}
.blog-post .share-links a span
{
    display: inline;
}
/* @albums and books */
#album-list .album-copy
{
    padding-left: 1.5em;
}
/* @components */
.component-wide-image,
.component-wide-image img,
.component-jumbo-image,
.component-jumbo-image img,
.component-jumbo-image-clickable,
.component-jumbo-image-clickable img {
    max-height: calc(100vh - 4em);
}
.component-wide-image img,
.component-jumbo-image img,
.component-jumbo-image-clickable img {
    width: auto;
}
/* @breakpoint */
/* ----------------- */
/* @helpers */
.bp4-auto
{
    width:auto;
}
.bp4-1of1
{
    width:100%;
}
.bp4-1of2
{
    width:50%;
}
.bp4-1of3
{
    width:33.333334%;
}
.bp4-2of3
{
    width:66.666667%;
}
.bp4-1of4
{
    width:25%;
}
.bp4-3of4
{
    width:75%;
}
/* @extend */
/* @override */