/* wordpress widgets */
.screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important;
    word-break: normal;
}
.widget{
    margin-bottom: 48px;
}
.widget .widget-title{
    color: var(--footerHeadingColor);
}
.widget.widget_loco_text p{
    color: var(--footerColor);
}
.widget ul{
    list-style: none;
    margin-bottom: 0;
}
.widget ul li:not(:last-of-type){
    margin-bottom: 0.5rem;
}
.widget ul li.recentcomments a{
    font-weight: bold;
    color: var(--footerColor);
}
.widget_archive li li, .widget_categories li li, .widget_pages li li, .widget_meta li li, .widget_nav_menu li li{
    margin-left: 1rem;
}
.widget ul li ul,
.widget ol li ol{
    margin-top: 0.5rem;
}
.widget ul li a{
    color: var(--footerColor);
}
.widget_rss .widget-title a.rsswidget:first-of-type{
    display: none;
}
.widget.widget_rss ul li:not(:last-of-type){
    margin-bottom: 16px;
}
.widget.widget_rss ul li a.rsswidget{
    font-weight: bold;
    color: var(--primary);
}
.widget.widget_rss ul li span.rss-date{
    display: block;
    margin-bottom: 0.5rem;
    color: var(--footerHeadingColor);
    font-size: 0.8125rem;
}
.widget.widget_rss ul li .rssSummary{
    margin-bottom: 0.25rem;
}
.widget.widget_rss ul li cite{
    color: var(--footerHeadingColor);
}
.widget select{
    width: 100%;
    border: 1px solid var(--footerBorderColor);
    height: 1.9375rem;
    font-size: 0.875rem;
}
.widget table{
    width: 100%;
    border: 1px solid var(--footerBorderColor);
}
.widget table th,
.widget table td{
    border: 1px solid var(--footerBorderColor);
    text-align: center;
    padding: 0.5rem;
}
.widget table thead th{
    color: #232323;
    font-weight: bold;
    vertical-align: bottom;
}
.widget table caption{
    caption-side: top;
    text-align: center;
    background-color: var(--primary);
    color: #ffffff;
}
.widget.widget_search form{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}
.widget.widget_search form label{
    width: 100%;
    margin-bottom: 0;
}
.widget.widget_search form label input{
    border: 1px solid var(--footerBorderColor);
    padding: 0.375rem 0.625rem;
    width: 100%;
}
.widget.widget_search form input[type="submit"]{
    padding: 0 0.625rem;
    background-color: var(--primary);
    color: #ffffff;
    border: none;
}
.widget .textwidget img,
.widget img{
    max-width: 100%;
    height: auto;
}
.widget .tagcloud a{
    display: inline-block;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    color: var(--secondary);
    border: 1px solid var(--secondary);
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: .2rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    text-decoration: none;
    margin-bottom: 0.25rem;
}
.widget .tagcloud a:hover{
    color: #fff;
    background-color: var(--secondary);
    border-color: var(--secondary);
}
.widget_loco_text a{
    color: var(--footerColor);
}
/* gallery */
.gallery{
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
}
.gallery-item {
    display: inline-block;
    margin-right: 16px;
    margin-bottom: 16px;
    text-align: center;
    vertical-align: top;
    width: 100%;
}
.gallery-item:last-of-type{
    margin-right: 0;
}
.gallery-columns-2 .gallery-item {
    max-width: calc((100% - 16px * 2) / 2);
}
.gallery-columns-3 .gallery-item {
    max-width: calc((100% - 16px * 3) / 3);
}
.gallery-columns-4 .gallery-item {
    max-width: calc((100% - 16px * 4) / 4);
}
.gallery-columns-5 .gallery-item {
    max-width: calc((100% - 16px * 5) / 5);
}
.gallery-columns-6 .gallery-item {
    max-width: calc((100% - 16px * 6) / 6);
}
.gallery-columns-7 .gallery-item {
    max-width: calc((100% - 16px * 7) / 7);
}
.gallery-columns-8 .gallery-item {
    max-width: calc((100% - 16px * 8) / 8);
}
.gallery-columns-9 .gallery-item {
    max-width: calc((100% - 16px * 9) / 9);
}
.gallery-item > div > a {
    display: block;
    line-height: 0;
    box-shadow: 0 0 0 0 transparent;
}
.gallery-caption {
    display: block;
    font-size: 0.6875rem;
    padding: 0.25rem;
}
