@charset "UTF-8";
/*
Theme Name: AV
Theme URI: https://mohdchauhan.com
Author: Mohd. Chauhan
Author URI: https://mohdchauhan.com
Description: Custom WordPress theme for Arbetets Vänner
Version: 1.0.0
Text Domain: av
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# CSS Reset
# Print Styles
# Animate.css
# Browser Selection
# Outline styles on focus
# Basics and General
# Typography
# Default wp editor styles
# Site wide common header
# Homepage styles
# Divider and Spacer styles
# Main Footer styles
# Typical page template styles
# Default Template page styles
# Gallery pages styles
# Sidebar widgets styles
# 404 page styles
# Search page styles
# Events post type styles
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html { line-height: 1.15; -webkit-text-size-adjust: 100%; }
body { margin: 0; }
main { display: block; }
h1 { font-size: 2em; margin: .67em 0; }
hr { box-sizing: content-box; height: 0; overflow: visible; }
pre { font-family: monospace, monospace; font-size: 1em; }
a { background-color: transparent; }
abbr[title] { border-bottom: none; text-decoration: underline; -webkit-text-decoration: underline dotted; text-decoration: underline dotted; }
b, strong { font-weight: bolder; }
code, kbd, samp { font-family: monospace, monospace; font-size: 1em; }
small { font-size: 80%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sub { bottom: -0.25em; }
sup { top: -0.5em; }
img { border-style: none; }
button, input, optgroup, select, textarea { font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0; }
button, input { overflow: visible; }
button, select { text-transform: none; }
button, [type=button], [type=reset], [type=submit] { -webkit-appearance: button; }
button::-moz-focus-inner, [type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner { border-style: none; padding: 0; }
button:-moz-focusring, [type=button]:-moz-focusring, [type=reset]:-moz-focusring,
[type=submit]:-moz-focusring { outline: 1px dotted ButtonText; }
fieldset { padding: .35em .75em .625em; }
legend { box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; }
progress { vertical-align: baseline; }
textarea { overflow: auto; }
[type=checkbox], [type=radio] { box-sizing: border-box; padding: 0; }
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button { height: auto; }
[type=search] { -webkit-appearance: textfield; outline-offset: -2px; }
[type=search]::-webkit-search-decoration { -webkit-appearance: none; }
::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; }
details { display: block; }
summary { display: list-item; }
template { display: none; }
[hidden] { display: none; }
/*--------------------------------------------------------------
# CSS Reset
--------------------------------------------------------------*/
*, *::before, *::after { box-sizing: inherit; }
html { box-sizing: border-box; }
::-moz-selection { text-shadow: none; }
::selection { text-shadow: none; }
a { text-decoration: none; color: inherit; cursor: pointer; }
button { background-color: transparent; color: inherit; border-width: 0; padding: 0; cursor: pointer; }
figure { margin: 0; line-height: 0; }
input::-moz-focus-inner { border: 0; padding: 0; margin: 0; }
ul, ol, dd { margin: 0; padding: 0; list-style: none; }
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-size: inherit; font-weight: inherit; }
p, blockquote, address { margin: 0; padding: 0; }
dfn, cite, em, i { font-style: italic; }
fieldset { border-width: 0; padding: 0; margin: 0; }
pre { background: #eee; font-family: "Courier 10 Pitch", courier, monospace; margin-bottom: 20px; max-width: 100%; overflow: auto; padding: 20px; }
code, kbd, tt, var { font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace; }
abbr, acronym { cursor: help; }
mark, ins { text-decoration: none; }
big { font-size: 125%; }
table { max-width: 100%; }
audio, canvas, iframe, img, svg, video { vertical-align: middle; }
/*--------------------------------------------------------------
# Print Styles
--------------------------------------------------------------*/
@media print {
 *, *::before, *::after { background: #fff !important; color: #000 !important; /* Black prints faster */ box-shadow: none !important; text-shadow: none !important; }
 a, a:visited { text-decoration: underline; }
 a[href]::after { content: " (" attr( href ) ")"; }
 abbr[title]::after { content: " (" attr( title ) ")"; }
 a[href^="#"]::after, a[href^="javascript:"]::after { content: ""; }
 pre { white-space: pre-wrap !important; }
 pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
 thead { display: table-header-group; }
 tr, img { page-break-inside: avoid; }
 p, h2, h3 { orphans: 3; widows: 3; }
 h2, h3 { page-break-after: avoid; }
}
/*--------------------------------------------------------------
# Animate.css
--------------------------------------------------------------*/
/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.5.2
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2017 Daniel Eden
 */
.animated { animation-duration: 1s; animation-fill-mode: both; }
@keyframes fadeInUp {
 from { opacity: 0; transform: translate3d( 0, 100%, 0 ); }
 to { opacity: 1; transform: none; }
}
.fadeInUp { animation-name: fadeInUp; }
/*--------------------------------------------------------------
# Browser Selection
--------------------------------------------------------------*/
::-moz-selection { background: #3390ff; color: #fff; }
::selection { background: #3390ff; color: #fff; }
/*--------------------------------------------------------------
# Outline styles on focus
--------------------------------------------------------------*/
a:focus, a:active { -moz-outline-style: 2px dashed #3390ff; outline: 2px dashed #3390ff; }
button:focus, .btn:focus, .btn:active:focus, .btn.active:focus { -moz-outline-style: 2px dashed #3390ff; outline: 2px dashed #3390ff; }
input[type=submit]:focus { -moz-outline-style: 2px dashed #3390ff; outline: 2px dashed #3390ff; }
/*--------------------------------------------------------------
# Basics and General
--------------------------------------------------------------*/
html { font-size: 20px; width: 100%; }
body { margin: 0; padding: 0; position: relative; font-size: 20px; font-style: normal; font-weight: 400; font-family: "Source Sans Pro", sans-serif; line-height: 1.6; color: #555; background-color: #fff; word-wrap: break-word; overflow-x: hidden; width: 100%; min-width: 280px; font-smoothing: antialiased !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; }
noscript { color: #fff; font-weight: 400; text-align: center; padding: 15px; display: block; width: 100%; background-color: #f00; font-size: 1rem; }
a { transition: all 100ms linear 0s; color: #4dbcc5; cursor: pointer; text-decoration: none; }
a:link { color: #4dbcc5; text-decoration: none; }
a:visited { color: #4dbcc5; text-decoration: none; }
a:hover { color: #000; text-decoration: none; }
a:active { color: #4dbcc5; text-decoration: none; }
figure { line-height: 0; }
figure figcaption { line-height: 1.6; }
.sr-only, .screen-reader-text { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect( 0, 0, 0, 0 ); white-space: nowrap; border: 0; }
.sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; overflow: visible; clip: auto; white-space: normal; }
.skclnk { position: absolute !important; top: 0; left: 0; padding: 15px; background-color: #000; color: #fff !important; text-decoration: none !important; display: inline-block; }
.skclnk:hover { background-color: #333; }
.container { width: 100%; margin: 0 auto; padding: 0 15px; }
@media screen and (min-width: 576px) {
 .container { max-width: 540px; }
}
@media screen and (min-width: 768px) {
 .container { max-width: 720px; }
}
@media screen and (min-width: 992px) {
 .container { max-width: 960px; }
}
@media screen and (min-width: 1200px) {
 .container { max-width: 1140px; }
}
.cont-narrow { width: 100%; max-width: 730px; margin: 0 auto; padding: 0 15px; }
.search-form { display: flex; max-width: 700px; }
.search-form > label { margin: 0 15px 0 0; flex-grow: 1; }
.search-field { display: block; width: 100%; padding: 8px 12px; border: 1px solid #ccc; border-radius: 6px; box-shadow: inset 0 1px 1px rgba( 0, 0, 0, .075 ); transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; }
.search-field:focus, .search-field:active { border-color: #66afe9; box-shadow: inset 0 1px 1px rgba( 0, 0, 0, .075 ), 0 0 8px rgba( 102, 175, 233, .6 ); }
.search-submit { display: block; padding: 8px 12px; margin: 0; text-align: center; border: 1px solid #ccc; border-radius: 6px; background-color: #fff; cursor: pointer; }
.search-submit:focus, .search-submit:hover { background-color: #f2f2f2; }
/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
p { font-size: 1rem; margin: 0 0 20px 0; }
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: "Source Sans Pro", sans-serif; color: #231f20; line-height: 1; font-weight: 200; margin: 0 0 20px 0; }
h1, .h1 { font-size: 2rem; }
@media screen and (min-width: 992px) {
 h1, .h1 { font-size: 2.5rem; }
}
h2, .h2 { font-size: 1.8rem; }
@media screen and (min-width: 992px) {
 h2, .h2 { font-size: 2rem; }
}
h3, .h3 { font-size: 1.5rem; }
@media screen and (min-width: 992px) {
 h3, .h3 { font-size: 1.75rem; }
}
h4, .h4 { font-size: 1.5rem; }
h5, .h5 { font-size: 1.25rem; font-weight: 300; }
h6, .h6 { font-size: 1rem; font-weight: 400; }
/*--------------------------------------------------------------
# Default wp editor styles
--------------------------------------------------------------*/
.defwp { *zoom: 1; }
.defwp::before, .defwp::after { display: table; content: ""; line-height: 0; }
.defwp::after { clear: both; }
.defwp b, .defwp strong, .defwp em { color: #000; }
.defwp blockquote { font-size: 1rem; color: #000; border-left: 20px solid #7da0a4; padding: 0 0 0 25px; margin: 0 0 30px; line-height: 1.5; }
.defwp blockquote > p { font-size: 1.375rem; }
.defwp ul { padding: 0 0 0 28px; margin: 0 0 30px 0; }
.defwp ul > li { position: relative; margin: 0 0 15px; }
.defwp ul > li::before { content: ""; display: block; width: 20px; height: 30px; position: absolute; top: 0; left: -28px; background: url( images/icons/torch.svg ) center center no-repeat #fff; background-size: cover; }
.defwp ul ul { margin: 30px 0 30px 20px; }
.defwp ul ol { margin: 30px 0 30px 10px; }
.defwp ol { margin: 0; padding: 0; list-style-type: none; margin-bottom: 30px; counter-reset: li; }
.defwp ol > li { position: relative; list-style-type: none; margin: 0 0 20px; padding: 7px 0 0 45px; min-height: 30px; }
.defwp ol > li:last-of-type { margin-bottom: 0; }
.defwp ol > li::before { width: 36px; height: 36px; position: absolute; top: 6px; left: 0; font-family: "Source Sans Pro", sans-serif; color: #fff; border-radius: 50%; counter-increment: li; content: counter( li ) "."; display: block; background-color: #567679; padding: 4px 0 0 0; font-size: 16px; text-align: center; background-image: none; font-style: italic; }
.defwp ol ul { margin: 30px 0 30px 20px; }
.defwp ol ol { margin: 30px 0 30px 10px; }
.defwp hr { border: 0; border-top: 1px dashed #7f7972; margin: 30px 0; clear: both; }
.defwp .alignleft { float: left; margin: .5rem 1rem .5rem 0; }
.defwp .aligncenter { display: block; margin-left: auto; margin-right: auto; clear: both; }
.defwp .alignright { float: right; margin: .5rem 0 .5rem 1rem; }
.defwp img { max-width: 100%; height: auto; display: inline-block; }
.defwp img.alignright + img.alignright { clear: right; margin-top: 25px; }
.defwp img.alignleft + img.alignleft { clear: left; margin-top: 25px; }
.defwp figure { margin-bottom: 30px; max-width: 100%; }
.defwp figcaption { font-size: .9rem; font-style: italic; color: #000; text-align: center; padding: 5px 0 0; }
.defwp iframe { max-width: 100% !important; }
/*--------------------------------------------------------------
# Site wide common header
--------------------------------------------------------------*/
.mainhead { min-height: 350px; padding-bottom: 30px; display: grid; align-items: end; background-repeat: no-repeat; background-size: cover; background-position: top center; background-color: #7da0a4; }
.logowrp img { max-width: 100%; height: auto; }
/*--------------------------------------------------------------
# sidebar nav for desktops
--------------------------------------------------------------*/
#secondary ul.sub-menu a { color: #4dbcc5; }
#secondary ul.sub-menu a:link { color: #4dbcc5; text-decoration: none; }
#secondary ul.sub-menu a:visited { color: #4dbcc5; text-decoration: none; }
#secondary ul.sub-menu a:hover { color: #000; text-decoration: none; }
#secondary ul.sub-menu a:active { color: #4dbcc5; text-decoration: none; }
/*--------------------------------------------------------------
# Mobile menu nav bar
--------------------------------------------------------------*/
@media screen and (min-width: 993px) {
 #mobmnu { display: none; }
}
#mobmnu .widget-title { font-size: 1.4rem; }
.mmstrip { text-align: center; background-color: #7b9ea3; padding: 7px 20px; }
#mmtgl { display: inline-block; color: #fff; padding: 5px; }
#mmwrp { display: none; padding: 15px; border-bottom: 1px solid #b6ada3; }
#mmwrp ul.menu > li { margin-bottom: 10px; }
#mmwrp ul.menu > li > a { position: relative; color: #000; }
#mmwrp ul.menu > li > a::after { content: ""; position: absolute; right: -15px; bottom: 8px; width: 8px; height: 7px; background: url( images/link-arrow.png ) right center no-repeat #fff; }
#mmwrp ul.menu > li > a:link { color: #000; text-decoration: none; }
#mmwrp ul.menu > li > a:visited { color: #000; text-decoration: none; }
#mmwrp ul.menu > li > a:hover { color: #000; text-decoration: none; }
#mmwrp ul.menu > li > a:active { color: #000; text-decoration: none; }
#mmwrp ul.sub-menu { padding: 10px 0 0 30px; }
#mmwrp ul.sub-menu li { margin-bottom: 10px; }
#mmwrp ul.sub-menu li a { color: #4dbcc5; }
#mmwrp ul.sub-menu li a:link { color: #4dbcc5; text-decoration: none; }
#mmwrp ul.sub-menu li a:visited { color: #4dbcc5; text-decoration: none; }
#mmwrp ul.sub-menu li a:hover { color: #000; text-decoration: none; }
#mmwrp ul.sub-menu li a:active { color: #4dbcc5; text-decoration: none; }
/*--------------------------------------------------------------
# Homepage styles
--------------------------------------------------------------*/
.spacer1 { padding: 50px 0 0; }
@media screen and (min-width: 993px) {
 .spacer1 { display: grid; grid-template-columns: 3fr 9fr; grid-column-gap: 30px; }
}
#main { padding-bottom: 50px; margin-bottom: -50px; }
@media screen and (min-width: 993px) {
 #main { grid-area: 1/2/2/3; border: 0; }
}
#secondary { display: none; margin-bottom: 50px; padding-bottom: 20px; border-bottom: 1px dashed #7f7972; }
@media screen and (min-width: 993px) {
 #secondary { display: block; grid-area: 1/1/2/2; padding-bottom: 0; border: 0; }
}
.hmblock1 { margin-bottom: 30px; }
.hmblock2 { margin-bottom: 50px; }
@media screen and (min-width: 992px) {
 .hmblock2 { display: grid; grid-template-columns: repeat( auto-fit, minmax( 250px, 1fr ) ); grid-column-gap: 30px; grid-row-gap: 30px; }
}
.actitm { transition: all 80ms ease-in 0s; max-width: 500px; margin: 0 auto 30px; border: 1px solid #b6ada3; position: relative; bottom: 0; box-shadow: 7px 7px 4px 0 rgba( 0, 0, 0, .15 ); }
.actitm:focus, .actitm:active { outline: 2px dashed #3390ff; }
.actitm:focus, .actitm:hover, .actitm:active { box-shadow: 15px 15px 8px 0 rgba( 0, 0, 0, .2 ); bottom: 3px; }
.actitm:focus .itmpopup, .actitm:hover .itmpopup, .actitm:active .itmpopup { opacity: 1; visibility: visible; bottom: 55%; }
@media screen and (min-width: 992px) {
 .actitm { margin: 0; }
}
.actitm figure { line-height: 0; }
.actitm figure img { width: 100%; height: auto; }
.actitm .spacer2 { padding: 30px; background-color: #fff; width: 100%; }
.actitm h2 { text-transform: uppercase; font-weight: 600; font-size: 1.2rem; margin: 0 0 10px 0; }
.actitm p { margin: 0 0 10px 0; font-size: 16px; }
.itmpopup { transition: all 160ms ease-in 0s; position: absolute; bottom: 60%; left: 50%; transform: translateX( -50% ); z-index: 999999; display: block; opacity: 0; visibility: hidden; max-width: 150%; min-width: 80%; padding: 20px; border-radius: 4px; background-color: #ffcb5c; }
@media screen and (min-width: 768px) {
 .itmpopup { min-width: 110%; }
}
.itmpopup span { display: block; line-height: 1.2; border-bottom: 1px dashed #fff; margin-bottom: 5px; padding-bottom: 8px; }
.itmpopup span:last-of-type { margin: 0; padding: 0; border: 0; }
.itmpopup a { font-size: 16px; background: url( images/link-arrow-white.png ) top 8px right no-repeat transparent; padding: 0 14px 0 0; color: #000; font-weight: 600; }
.itmpopup a:hover, .itmpopup a:focus { color: #fff; text-decoration: none; }
.itmpopup::after { content: ""; position: absolute; bottom: -12px; left: 50%; transform: translateX( -50% ); width: 0; height: 0; border-style: solid; border-width: 12px 12px 0 12px; border-color: #ffcb5c transparent transparent transparent; }
.evblock { margin-bottom: 50px; border-bottom: 1px dashed #7f7972; }
.evblock .evi-events-list li { display: block; }
/*--------------------------------------------------------------
# Divider and Spacer styles
--------------------------------------------------------------*/
.divider, .spacer { width: 100%; clear: both; }
.divider { border-bottom: 1px dashed #7f7972; }
/*--------------------------------------------------------------
# Main Footer styles
--------------------------------------------------------------*/
.mainfoot { background-color: #b6d1d9; padding: 50px 0; text-align: center; font-weight: 600; }
.mainfoot a { color: #555; }
/*--------------------------------------------------------------
# Typical page template styles
--------------------------------------------------------------*/
.pghdng { margin: -5px 0 30px; }
.pghdng::after { content: ""; display: block; width: 50px; height: 3px; background-color: #7da0a4; margin: 20px 0 0; }
.tpblock1 { margin-bottom: 30px; }
.tpblock2 { border: 1px solid #b6ada3; margin-bottom: 50px; padding: 30px; box-shadow: 7px 7px 4px 0 rgba( 0, 0, 0, .15 ); }
.tpblock2 figure { max-width: 546px; margin: 0 auto 20px; }
.tpblock2 img { width: 100%; height: auto; }
@media screen and (min-width: 1200px) {
 .tpblock2 { padding: 0; display: flex; justify-content: space-between; }
 .tpblock2 figure { flex-basis: 250px; flex-shrink: 0; margin: 0; }
 .tpblock2 img { height: 100%; max-height: 300px; }
 .tpblock2 .defwp { padding: 30px; }
 .tpblock2 .defwp p:last-of-type { margin: 0; }
}
.tpblock3 { border: 1px solid #b6ada3; margin-bottom: 50px; box-shadow: 7px 7px 4px 0 rgba( 0, 0, 0, .15 ); }
.tpblock3 > figure { margin: 0 auto; }
.tpblock3 > figure img { width: 100%; height: auto; }
.cont-wrap1 { padding: 50px; }
.galhdng { font-weight: 600; color: #000; }
.blkgalwrp .owl-carousel { border: 1px solid #b6ada3; box-shadow: 7px 7px 4px 0 rgba( 0, 0, 0, .15 ); }
.blkgalwrp .owl-stage-outer { padding-top: 60%; }
.blkgalwrp .owl-stage { position: absolute; top: 0; }
.blkgalwrp .owl-thumbs { display: flex; flex-wrap: wrap; margin: 0 -10px 0 0; }
.blkgalwrp .owl-thumb-item { margin: 0 10px 10px 0; line-height: 0; max-width: 92px; }
.blkgalwrp .owl-thumb-item img { width: 100%; height: auto; }
.blkgalwrp .bgbimg img { width: 100%; height: auto; }
.blkgalwrp .owl-nav { position: absolute; top: 50%; right: 10px; left: 10px; transform: translateY( -50% ); display: flex; justify-content: space-between; }
.blkgalwrp .owl-nav button { color: #fff !important; font-weight: 600; font-size: 2.5rem !important; line-height: .8 !important; }
/*--------------------------------------------------------------
# Default Template page styles
--------------------------------------------------------------*/
.defpg .defwp { margin-bottom: 30px; }
/*--------------------------------------------------------------
# Gallery pages styles
--------------------------------------------------------------*/
/*Gallery styles*/
.galsec { margin-bottom: 50px; }
.galsec .defwp { margin-bottom: 10px; }
.pic-gallery { display: grid; justify-content: center; grid-template-columns: 1fr; grid-gap: 30px; }
@media screen and (min-width: 768px) {
 .pic-gallery { grid-template-columns: repeat( 2, 1fr ); }
}
@media screen and (min-width: 992px) {
 .pic-gallery { grid-template-columns: repeat( 3, 1fr ); }
}
.pgitem { position: relative; max-width: 350px; margin: 0 auto; opacity: 0; }
.pgitem:hover .pic-overlay, .pgitem:focus .pic-overlay,
.pgitem:active .pic-overlay { opacity: 1; }
.pgitem:hover img, .pgitem:focus img, .pgitem:active img { transform: scale( 1.1 ); }
.gal-fig { overflow: hidden; display: block; }
.gal-fig:hover + .pic-overlay, .gal-fig:focus + .pic-overlay,
.gal-fig:active + .pic-overlay { opacity: 1; }
.gal-fig:focus, .gal-fig:active { outline: 3px dashed #3390ff; }
.gal-fig:hover .gal-img, .gal-fig:focus .gal-img, .gal-fig:active .gal-img { transform: scale( 1.1 ); }
.gal-img { transition: all 120ms linear 0s; display: block; width: 100%; height: auto; }
.pic-overlay { transition: opacity 120ms linear 0s; opacity: 0; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba( 182, 209, 217, .9 ); z-index: 2; padding: 25px; overflow: hidden; color: #000; }
.gal-title { font-size: .9rem; font-weight: 400; margin-bottom: 10px; color: #000; }
.gal-caption { font-size: .8rem; margin-bottom: 10px; }
.gal-descp { font-size: .8rem; }
.bigpic { transition: all 120ms linear 0s; position: absolute; right: 15px; bottom: 15px; width: 34px; height: 34px; z-index: 3; border-radius: 50%; display: block; color: #7da0a4 !important; background-color: #fff; }
.bigpic:focus, .bigpic:active { outline: 3px dashed #3390ff; }
.bigpic svg { position: absolute; top: 50%; left: 50%; transform: translate( -50%, -50% ); }
/*Masonry gallery styles*/
.gallery-masonry { margin: 0 -10px; }
.gallery-masonry .pic-overlay { position: absolute; top: 10px; right: 10px; bottom: 10px; left: 10px; }
.gallery-masonry .bigpic { right: 20px; bottom: 20px; }
.masajxldr { text-align: center; padding: 20px 0; }
.masajxldr.hide { display: none; }
.gallery-masonry { opacity: 0; transition: all 120ms ease-in 0s; }
.gallery-masonry.show2 { opacity: 1; }
.gal-mas-item { opacity: 0; position: absolute; padding: 10px; }
.gal-mas-item:hover .pic-overlay, .gal-mas-item:focus .pic-overlay,
.gal-mas-item:active .pic-overlay { opacity: 1; }
.gal-mas-item:hover img, .gal-mas-item:focus img, .gal-mas-item:active img { transform: scale( 1.1 ); }
.gallery-masonry .gal-mas-item { width: 100%; }
@media all and (min-width: 576px) {
 .gallery-masonry .gal-mas-item { width: 50%; }
}
@media all and (min-width: 768px) {
 .gallery-masonry .gal-mas-item { width: 33.33%; }
}
.grid-sizer { width: 100%; }
@media all and (min-width: 576px) {
 .grid-sizer { width: 50%; }
}
@media all and (min-width: 768px) {
 .grid-sizer { width: 33.33%; }
}
/*--------------------------------------------------------------
# Sidebar widgets styles
--------------------------------------------------------------*/
/*Blog sidebar styles*/
.widget { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px dashed #7f7972; }
.widget:last-of-type { margin-bottom: 0; padding-bottom: 0; border: 0; }
.widget > ul { margin: 0; padding: 0; list-style: none; }
.widget ul.children { margin: 0; padding: 0; list-style: none; padding: 10px 0 0 15px; }
.widget-title { font-size: 1.5rem; font-weight: 400; margin: 0 0 20px; padding: 0 0 15px; color: #4dbcc5; border-bottom: 1px dashed #7f7972; }
.widget_nav_menu .menu > li, .widget_recent_entries ul > li,
.widget_meta ul > li { margin-bottom: 10px; }
.widget_nav_menu .menu > li > a, .widget_recent_entries ul > li > a,
.widget_meta ul > li > a { position: relative; color: #000; }
.widget_nav_menu .menu > li > a:hover, .widget_nav_menu .menu > li > a:focus,
.widget_recent_entries ul > li > a:hover,
.widget_recent_entries ul > li > a:focus, .widget_meta ul > li > a:hover,
.widget_meta ul > li > a:focus { color: #dab057; text-decoration: none; }
.widget_nav_menu .menu > li > a::after,
.widget_recent_entries ul > li > a::after, .widget_meta ul > li > a::after { content: ""; position: absolute; right: -15px; bottom: 8px; width: 8px; height: 7px; background: url( images/link-arrow.png ) right center no-repeat #fff; }
.widget_nav_menu .sub-menu { margin: 15px 0 0 20px; }
.widget_nav_menu .sub-menu > li { margin-bottom: 10px; }
.widget_archive > ul, .widget_categories > ul { overflow: hidden; }
.widget_archive > ul > li, .widget_categories > ul > li { width: 48%; float: left; font-weight: 400; font-style: italic; }
.widget_archive > ul > li > a, .widget_categories > ul > li > a { font-style: normal; color: #000; }
.widget_archive > ul > li > a:hover, .widget_archive > ul > li > a:focus,
.widget_categories > ul > li > a:hover, .widget_categories > ul > li > a:focus { color: #dab057; text-decoration: none; }
.widget_archive select, .widget_categories select { display: block; width: 100%; max-width: 350px; padding: 6px 12px; font-size: 1rem; background-color: #fff; border: 1px solid #ccc; border-radius: 4px; box-shadow: inset 0 1px 1px rgba( 0, 0, 0, .075 ); transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; }
.widget_archive select:focus, .widget_categories select:focus { border-color: #66afe9; box-shadow: inset 0 1px 1px rgba( 0, 0, 0, .075 ), 0 0 8px rgba( 102, 175, 233, .6 ); }
.widget_recent_entries .post-date, .widget_recent_comments .post-date { font-size: .81rem; font-weight: 700; font-style: italic; display: block; }
.widget_recent_entries .comment-author-link,
.widget_recent_comments .comment-author-link { font-size: .9rem; font-weight: 700; font-style: italic; }
.widget_recent_comments li { margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #000; }
.widget_recent_comments li:last-of-type { margin-bottom: 0; padding-bottom: 0; border: 0; }
.widget_recent_comments a { color: #000; }
.widget_recent_comments a:hover, .widget_recent_comments a:focus { color: #dab057; text-decoration: none; }
.tagcloud a { display: inline-block; font-size: .9rem !important; color: #fff; height: 32px; line-height: 32px; padding: 0 10px; margin: 8px; background-color: #7da0a4; border-radius: 0 3px 3px 0; position: relative; transition: all 100ms linear 0s; }
.tagcloud a::before { content: ""; width: 0; height: 0; border-top: 16px solid transparent; border-right: 10px solid #7da0a4; border-bottom: 16px solid transparent; position: absolute; top: 0; left: -10px; box-shadow: 2px 0 0 -1px #7da0a4; transition: all 100ms linear 0s; }
.tagcloud a::after { content: ""; width: 6px; height: 6px; background-color: #fff; border-radius: 50%; position: absolute; left: -2px; top: 13px; }
.tagcloud a:hover, .tagcloud a:focus { color: #fff; background-color: #b6d1d9; text-decoration: none; }
.tagcloud a:hover::before, .tagcloud a:focus::before { border-right: 10px solid #b6d1d9; box-shadow: 2px 0 0 -1px #b6d1d9; }
.widget_media_image figure { width: auto !important; max-width: 100%; }
.widget_media_image img { max-width: 100% !important; height: auto; }
.widget_media_image a { display: block; }
.widget_media_image figcaption { font-size: .9rem; font-style: italic; color: #000; text-align: center; padding: 5px 0 0; }
#secondary .menu-item-has-children > a { display: inline-block; width: 100%; min-height: 20px; }
#secondary .menu-item-has-children > a::after { content: ""; position: absolute; right: 0; bottom: 5px; width: 20px; height: 20px; background: url( images/menu-toggle.png ) left center no-repeat #fff; }
#secondary .menu-item-has-children .sub-menu { display: none; }
#secondary .menu-item-has-children.open > a::after { background: url( images/menu-toggle.png ) right center no-repeat #fff; }
/*Blog index styles - home.php*/
.entry-image { display: inline-block; max-width: 810px; margin: 0 0 20px; clear: both; }
.entry-image a { display: inline-block; }
.entry-image img { display: inline-block; max-width: 100%; height: auto; }
.entry-image figcaption { color: #000; font-style: italic; text-align: center; padding: 5px 0 0; font-weight: 700; }
.pstdt, .pstupdt, .pstauth, .pstcat, .psttags, .pstcmts, .pstedit { display: inline-block; margin: 0 15px 10px 0; }
.pstdt svg, .pstupdt svg, .pstauth svg, .pstcat svg, .psttags svg, .pstcmts svg,
.pstedit svg { position: relative; top: 3px; margin-right: 5px; color: #000; }
@keyframes spin {
 0% { transform: rotate( 0deg ); }
 100% { transform: rotate( 360deg ); }
}
/*Blog archive.php page*/
.nav-links { margin-bottom: 20px; padding: 40px 15px 0; border-top: 1px dashed #7f7972; }
@media screen and (min-width: 576px) {
 .nav-links { padding: 40px 0 0; }
}
@media screen and (min-width: 768px) {
 .nav-links { display: flex; justify-content: space-between; align-items: flex-start; }
}
.nav-previous, .nav-next { flex-grow: 1; margin-bottom: 20px; position: relative; }
.nav-previous a, .nav-next a { background-color: #a4bcc3; display: block; border-radius: 4px; color: #fff; }
.nav-previous a:hover, .nav-previous a:focus, .nav-next a:hover,
.nav-next a:focus { text-decoration: none; background-color: #b6d1d9; }
@media screen and (min-width: 768px) {
 .nav-previous { margin-right: 20px; }
}
.nav-previous a { padding: 25px 30px 25px 50px; }
.nav-previous svg { position: absolute; top: 50%; left: 15px; transform: translateY( -50% ); }
.nav-next a { text-align: right; padding: 25px 50px 25px 30px; }
.nav-next svg { position: absolute; top: 50%; right: 15px; transform: translateY( -50% ); }
/*--------------------------------------------------------------
# 404 page styles
--------------------------------------------------------------*/
.spacer2 { padding: 50px 0 0; max-width: 730px; }
.error-404 .search-form { margin-bottom: 50px; }
/*--------------------------------------------------------------
# Search page styles
--------------------------------------------------------------*/
.sentry { border-bottom: 1px dashed #7f7972; margin-bottom: 20px; }
.sentry:last-of-type { border: 0; margin: 0; }
.sentry h2 { font-weight: 400; }
.sentry .defwp { margin: 0 0 20px; }
/*--------------------------------------------------------------
# Events post type styles
--------------------------------------------------------------*/
.upevents-wrap, .oldevents-wrap { margin-bottom: 50px; }
.upevents-wrap .defwp, .oldevents-wrap .defwp { text-align: left; margin-bottom: 30px; }
.oldevents-wrap { margin-top: 60px; padding-top: 60px; border-top: 1px dashed #7f7972; }
.dtlbl { position: relative; left: -28px; margin-bottom: 50px; }
.dtlbl::before { content: ""; display: inline-block; width: 100%; height: 1px; position: absolute; top: 50%; right: 0; left: 0; border-top: 1px dashed #7f7972; z-index: -1; }
.dtlbl .hldr1 { padding: 12px 35px; background-color: #6a888b; color: #fff; font-weight: 700; text-align: center; border-right: 10px solid #fff; }
.evi-events-list { text-align: left; }
.evi-events-list li { display: none; margin-bottom: 50px; padding-left: 28px; }
.evhdng { font-weight: 400; position: relative; }
.evhdng::before { content: ""; display: block; width: 20px; height: 30px; position: absolute; top: 0; left: -28px; background: url( images/icons/torch.svg ) center center no-repeat #fff; background-size: cover; }
.evmeta { display: flex; flex-wrap: wrap; }
.evmeta > div { margin: 0 15px 15px 0; color: #000; font-size: .9rem; }
.evmeta > div svg { position: relative; top: -2px; color: #7da0a4; }
.newevajxldr, .oldevajxldr { display: none; color: #4dbcc5; line-height: 0; margin: -30px 0 30px 90px; }
.newevajxldr .spin, .oldevajxldr .spin { transform-origin: 256px 256px; animation: spin 2s infinite linear; }
#newevmrbtn, #oldevmrbtn { margin-top: -30px; padding: 20px 50px; border-radius: 6px; color: #fff; background-color: #4dbcc5; transition: all 100ms linear 0s; }
#newevmrbtn svg, #oldevmrbtn svg { position: relative; top: -2px; right: 0; bottom: 0; left: 0; }
#newevmrbtn:hover, #newevmrbtn:focus, #oldevmrbtn:hover, #oldevmrbtn:focus { background-color: #3a8d94; }
.sev-wrap .evmeta { border-bottom: 1px dashed #7f7972; margin-bottom: 20px; }
.sev-wrap .defwp { margin-bottom: 30px; }
.sev-img { display: block; max-width: 810px; margin: 0 auto 20px; }
.sev-img img { display: block; margin: 0 auto; max-width: 100%; height: auto; }
.sev-img figcaption { font-size: .9rem; font-style: italic; color: #000; text-align: center; padding: 5px 0; border-bottom: 1px dashed #7f7972; }