/*
Theme Name: Nashi Groshi Lviv v.4
Author: Ruslan Ratych
Version: 1.4
*/

@font-face {
  font-family: 'icomoon';
  src:
    url('fonts/icomoon.ttf?j9uji1') format('truetype'),
    url('fonts/icomoon.woff?j9uji1') format('woff'),
    url('fonts/icomoon.svg?j9uji1#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="ico-"], [class*=" ico-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.ico-telegram:before { content: "\e900";}
.ico-search:before { content: "\e901";}
.ico-linkedin:before { content: "\e902";}
.ico-twitter:before { content: "\e903";}
.ico-facebook:before { content: "\e904";}
.ico-arrow-up:before { content: "\e905";}
.ico-instagram:before { content: "\e906";}
.ico-youtube:before { content: "\e907";}

* { -webkit-locale: auto; white-space: normal;}

:root{
	--text: #1E1E24;
    --yellow: #fff200;
    --white: #f1f3f2;
}

a.powered-by {display:none}

/* layout */
html { font-size: 20px;}
body { font-family: 'Merriweather', serif; font-size: 0.9rem; line-height:1.4; color:var(--text);}
#wrapper { width:100%; min-width:300px; position:relative; overflow:hidden; min-height:100vh;}
.admin-bar #wrapper { min-height:calc(100vh - 32px);}
.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl { padding-left: 20px; padding-right: 20px;}
.row { margin-left: -10px; margin-right: -10px;}
.col, [class^="col-"], [class*=" col-"] { padding-left: 10px; padding-right: 10px;}
@media (min-width: 992px){
    .container, .container-lg, .container-md, .container-sm, .container-xl { max-width: 1412px;}
}
.title-content { max-width: 980px; margin-left: auto; margin-right: auto;}
.landing-content { max-width: 780px; margin-left: auto; margin-right: auto;}
a { color:inherit; text-decoration: none; transition: all 0.2s ease;}
a:hover { color:inherit; text-decoration: none;}
h1, h2, h3, h4, h5, h6 { color:var(--text); font-weight:bold; margin: 0 0 1.125rem;}
h1 { font-size: 3.2rem; line-height: 1.1; font-weight: 900; margin-bottom: 1.6rem;}
h2 { font-size: 1.6rem; line-height: 2.1rem;}
h3 { font-size: 1.1rem;}
h4 { font-size:1rem;}
h5 { font-size: 0.9rem; font-weight: 900;}
h6 { font-size: 0.9rem;}
/* hr { border:0;} */
b, strong { font-weight: 900;}
img { max-width: 100%; height: auto;}
.fira { font-family:'Fira Sans', sans-serif;}
div#wpadminbar { position: fixed;}
.hidden { display: none;}

.uppercase { text-transform:uppercase;}
.lowercase { text-transform:lowercase;}
input, textarea, select, button { font-family: 'Merriweather', serif;}
input.input-text, input.wpcf7-captchar, select.input-text, textarea.input-text, .form-control { color:var(--text); border: 1px solid rgba(30,30,36,.3); width: 100%; max-width: 100%; font-size: 0.8rem; line-height: 1.4; border-radius: 0; height: calc(1.4em + 1.2rem + 2px); padding: .6rem .75rem;}
textarea.input-text { display:block; resize:vertical; height: 7.5rem;}
input.wpcf7-captchar { width:calc(100% - 90px); margin-left:10px; vertical-align:top;}
.btn, input.btn, .ur-frontend-form input.button, .ur-frontend-form input[type="submit"] { display:inline-block; background:var(--yellow); color:#262626; border:none; border-radius:0; padding: 10px 18px 9px; font-family: Fira Sans; font-size: 14px; line-height: 18px; font-weight: 400; text-transform: uppercase; letter-spacing: 1px; transition: all .3s ease; text-decoration:none !important;}
.btn.btn-landing, .ur-frontend-form input.button, .ur-frontend-form input[type="submit"] { text-transform: none; padding: 0.65rem 1rem; font-family: Merriweather; font-size: 0.9rem; line-height:1.2rem; letter-spacing:0;}
.btn-white, input.btn-white { border:1px solid rgba(30,30,36,.3); background:#fff; color:var(--text);}
.btn-white.btn-landing { border:2px solid var(--text);}
.btn:hover, input.btn:hover, .ur-frontend-form input.button:hover, .ur-frontend-form input[type="submit"]:hover, .btn-white:hover, input.btn-white:hover { background:var(--text); color:var(--white); border-color:var(--text);}

.bootstrap-select>.btn.dropdown-toggle { background: #fff; color:var(--text); border: 1px solid rgba(30,30,36,.3); font-size: 0.8rem; line-height: 1.4; text-transform: none; height: calc(1.4em + 1.2rem + 2px); padding: .6rem .75rem;}
.bootstrap-select>.btn.dropdown-toggle:hover { color:var(--text);}
.bootstrap-select>.btn.dropdown-toggle:focus, .bootstrap-select>.btn.dropdown-toggle:active { color:var(--text); background: #fff; box-shadow: none !important;}
.bootstrap-select>.dropdown-menu { min-width: 100%; border: 1px solid rgba(30,30,36,.3); border-radius:0;}
.bootstrap-select .dropdown-menu { font-size: 0.8rem; color: var(--text);}
.bootstrap-select .bs-searchbox .form-control { height: calc(1.4em + 0.8rem + 2px); padding: .4rem .5rem;}
.bootstrap-select .dropdown-menu li { margin: 0;}
.bootstrap-select .dropdown-menu li a { box-shadow: none; padding: 0.25rem 0.75rem;}
.bootstrap-select .dropdown-item:hover { color: #475bb2; background: none;}
.bootstrap-select .dropdown-item.active, .bootstrap-select .dropdown-item:active { color: #475bb2; background: #edeff7;}

input[type=number]::-webkit-outer-spin-button, input[type=number]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0;}
input[type=number] { -moz-appearance: textfield;}

.carousel-wrap { overflow:hidden; position:relative;}
.jcarousel { position:relative; overflow:hidden;}
.jcarousel>ul { width:20000em; position:relative; list-style:none; margin:0; padding:0;}
.jcarousel>ul>li { float:left; position:relative; margin:0;}
.jcarousel-prev, .jcarousel-next { cursor:pointer;}
.jcarousel-prev:hover, .jcarousel-next:hover {}
.jcarousel-pagination { display: flex; justify-content: center; flex-wrap:wrap; margin-top: 0.75rem;}
.jcarousel-pagination span { display: block; height: 14px; padding: 2px; cursor:pointer;}
.jcarousel-pagination span:before { content:''; display: block; width: 10px; height: 10px; background: #d9d9d9; border-radius: 50%;}
.jcarousel-pagination span.active:before, .jcarousel-pagination span:hover:before { background: var(--text);}
.btns-hidden .jcarousel-prev, .btns-hidden .jcarousel-next, .btns-hidden .jcarousel-pagination { display:none;}

.item-image { display: block; position: relative; padding-bottom: 72.7%;}
.item-image img { display: block; position: absolute; top:0; left:0; width: 100%; height: 100%; object-fit: cover; object-position:center;}

/* header */
#header { font-family: 'Fira Sans', sans-serif; font-size: 1rem; font-weight: bold; height: 7rem; position: relative; z-index: 10005;}
.header-sticky { position: fixed; top:0; left:0; width: 100%; background:var(--text); color:rgba(255,255,255,0.7); padding: 1rem 0 1.1rem; transition:all 0.2s ease;}
@media screen and (min-width: 992px) {
    .header-transparent #header { height: auto;}
    .header-transparent .header-sticky { position: fixed; top:0; left:0; width: 100%; z-index: 10005;}
    .header-transparent .header-sticky:not(.navbar-fixed-top) { background: transparent; background: linear-gradient(180deg, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.4) 60%, rgba(0,0,0,0.1) 80%, rgba(0,0,0,0.01) 100%);}
    .admin-bar.header-transparent .header-sticky { top:32px;}
}
.header-main a:hover, .search-toggler:hover { color:#fff;}
.header-logo { width: 8.5rem; float:left; transition:all 0.2s ease; margin-right: 0.75rem;}
.header-logo img { display: block; width: 100%; height: auto;}
.header-top-row { padding: 0.25rem 0 0.9rem; transition:all 0.2s ease;}
.header-bottom-row { border-top:1px solid rgba(255,255,255,0.7); padding-top:0.8rem; transition:all 0.2s ease;}
.top-menu li { position: relative;}
.top-menu li a { display: block; padding: 7px 0; white-space: nowrap;}
.top-menu > li { margin-left: 2rem;}
.top-menu .sub-menu { display: none; position: absolute; left:0; top:100%; background: var(--text); border-top:1px solid rgba(255,255,255,.7); list-style: none; padding:8px 0; min-width: 100%;}
.top-menu li:hover>.sub-menu { display: block;}
.top-menu .sub-menu li a { display: block; font-weight: 400; white-space: nowrap; padding: 4px 16px;}
.header-links li { margin: 0 0.7rem;}
.header-links li.donate-link a { display: block; color:#262626; background:var(--yellow); font-size: 1.2rem; line-height:1.4rem; padding: 0.25rem 0.75rem;}
.blog-link { font-size: 0.8rem; font-weight: 400;}
.lang-menu { padding: 0; margin: 0 0 0 0.8rem; list-style: none; text-transform: uppercase;}
.header-search { margin-left: 0.8rem;}
.header-login { margin-left: 0.4rem;}
.header-login a { display: block; width:1.4rem; height: 1.4rem; padding: 0.1rem;}
.header-login a svg { display: block; width:1.2rem; height: 1.2rem;}
.header-login a svg path { stroke:currentColor;}
.search-toggler { position: relative; width:1.4rem; height: 1.4rem; font-size: 1.2rem; padding-top:0.125rem; text-align: center;}
.search-toggler.collapsed span, .search-toggler .ico { display: none;}
.search-toggler.collapsed .ico { display:block;}
.navbar-main-toggler { width:1.4rem; height:1.45rem; border:none; border-radius:0; position: relative; transition: .25s ease-in-out; outline: none !important; margin-left:1.2rem;}
.navbar-main-toggler span, .search-toggler span { display: block; position: absolute; height:0.15rem; width:1.1rem; background:rgba(255,255,255,0.7); left:0.15rem; top:0.65rem; border-radius: 2px; transform: rotate(0deg); transition: .25s ease-in-out;}
.navbar-main-toggler:hover span, .search-toggler:hover span { background:#fff;}
.navbar-main-toggler span:nth-child(1), .navbar-main-toggler span:nth-child(4) { width:0%; left:50%;}
.navbar-main-toggler span:nth-child(2), .search-toggler span:nth-child(1) { transform: rotate(45deg);}
.navbar-main-toggler span:nth-child(3), .search-toggler span:nth-child(2) { transform: rotate(-45deg);}
.navbar-main-toggler.collapsed span:nth-child(1) { top:0.3rem; width:1.1rem; left:0.15rem;}
.navbar-main-toggler.collapsed span:nth-child(2), .navbar-main-toggler.collapsed span:nth-child(3) { transform: rotate(0deg);}
.navbar-main-toggler.collapsed span:nth-child(2) { opacity: 0;}
.navbar-main-toggler.collapsed span:nth-child(4) { top:1rem; width:1.1rem; left:0.15rem;}
ul li.item-spilnota { display: none;}
.user-reads-events ul li.item-spilnota { display:block;}
.footer-menu li.item-spilnota { display:none !important;}
@media screen and (min-width: 992px) {
    .main-menu li.item-spilnota { display:none !important;}
    #search.show ~ #header .top-menu, #navi.show ~ #header .top-menu { display: flex !important;}
}

.header-sticky.navbar-fixed-top { padding: 0.5rem 0; z-index: 10005;}
.admin-bar .header-sticky, .admin-bar #search { top:32px;}
.navbar-fixed-top .header-top-row { padding:0.25rem 0;}
.navbar-fixed-top  .top-menu, .navbar-fixed-top  .header-links, .navbar-fixed-top .header-bottom-row, .navbar-fixed-top .header-login, .navbar-fixed-top .lang-menu { display: none !important;}
#search.show ~ #header .header-sticky.navbar-fixed-top, #navi.show ~ #header .header-sticky.navbar-fixed-top { padding:1rem 0 1.1rem;}
#search.show ~ #header .header-top-row, #navi.show ~ #header .header-top-row { padding: 0.25rem 0 0.9rem 0;}
#search.show ~ #header .header-bottom-row, #navi.show ~ #header .header-bottom-row, #search.show ~ #header .header-links, #navi.show ~ #header .header-links { display: flex !important;}
#search.show ~ #header .header-login, #navi.show ~ #header .header-login, #search.show ~ #header .lang-menu, #navi.show ~ #header .lang-menu { display: block !important;}

#search, #navi { display: block; background:var(--text); color:var(--white); visibility: hidden; height:0; position: fixed; top:0; left:0; padding-top: 7rem; padding-bottom:1.5rem; width: 100%; z-index:10004; transition:all .2s ease;}
#search.show, #navi.show { visibility: visible; height: 100vh;}
#search .search-inner { max-width: 36rem; margin: 0 auto;}
.search-box { width: 100%; margin-bottom: 3rem;}
.search-box .search-label { font-size: 3.2rem; line-height: 3.7rem; text-align: center; font-weight: 900; margin-bottom:3.5rem;}
.search-box .search-form { position: relative;}
.search-box .search-form input.input-search { background: none; border:none; border-bottom:1px solid rgba(255,255,255,0.7); box-shadow: none; outline: none; padding: 0.5rem 2.5rem 0.5rem 0.5rem; font-size:1.6rem; line-height: 2.1rem; color:rgba(255,255,255,0.7); font-weight: 400; font-family: 'Fira Sans', sans-serif; height:calc(3.1rem + 1px);}
.search-box .search-form .btn-search { position: absolute; right:0.8rem; top:50%; transform:translateY(-50%); background: none; border:none; outline: none; cursor:pointer; color:rgba(255,255,255,0.7); width:1.4rem; height:1.4rem; text-align: center; padding:0.125rem 0 0; font-size: 1.2rem; line-height:1.2rem;}
.search-box .search-form .btn-search:hover { color:var(--white);}
.admin-bar #search.show, .admin-bar #navi.show { top:32px; height:calc(100vh - 32px);}

.navi-inner { overflow: auto; width: 55rem; max-width: 80%; margin: 0 auto;}
.main-menu>li { margin-bottom: 2.1rem;}
.main-menu li a { display: block; font-family: 'Fira Sans', sans-serif; font-size:1.6rem; line-height:2.1rem; font-weight: 400; color:rgba(241,243,242,0.7);}
.main-menu>li>a { font-weight:700; color:var(--white); cursor: default;}
.main-menu .sub-menu { list-style: none; margin-top:2.1rem; padding: 0;}
.main-menu .sub-menu li a:hover { color:var(--white);}

/* head image */
.head-image { position: relative; height: 85vh; padding-top: 4.8rem; background-repeat: no-repeat; background-position: center; background-size: cover; color:var(--white); text-align: center;}
.head-image-home { height: 100vh; padding-top: 7rem;}
@media screen and (min-width: 992px) {
    .admin-bar .head-image { height: calc(85vh - 32px);}
    .admin-bar .head-image-home { height: calc(100vh - 32px);}
}
.head-image:before { content:''; display: block; position:absolute; top:0; left:0; width: 100%; height: 100%; background: linear-gradient(180deg, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0.2) 45%, rgba(0,0,0,0.5) 65%, rgba(0,0,0,0.8) 100%);}
.head-image-inner { position: relative; z-index: 1;}
.head-content { display: block; max-width: 766px; margin: 0 auto; padding:0 20px;}
.head-content .head-title { display: block; font-size: 3.2rem; line-height: 1.1; font-weight: 900; margin-bottom: 1.6rem; color:var(--white);}
.head-excerpt { display: block; font-size:1.6rem; line-height: 2.1rem; margin-top: 2rem; font-weight: 300;}
.head-image .post-authors { display: none; font-size: 0.8rem; font-weight: 400; margin-top: 3rem; color:rgba(241,243,242,0.7);}
.head-image .post-authors a { color:rgba(241,243,242,0.7);}
.head-image-home .post-authors { display: block;}
.head-image .post-authors a:hover, .head-image .links a:hover { color:#fff;}
.head-image .head-date { font-family: 'Fira Sans', sans-serif; font-size: 0.875rem; color:rgba(241,243,242,0.7); text-transform: lowercase; margin-top: 0.625rem;}
.head-image .links { margin-bottom: 1rem;}
.head-image .links a { font-size:1rem; padding: 0; margin: 0 3px; background: none; color:rgba(241,243,242,0.7); font-weight: 900;}

/* layout */
#content-wrapper { padding: 3.5rem 0 1rem;}
#content-wrapper.content-limited { position: relative; max-height: 800px; overflow: hidden;}
#content-wrapper.content-limited:after { content:''; display: block; position: absolute; left:0; bottom:0; height: 250px; width: 100%; z-index: 50; background:linear-gradient(0deg, #fff, #fff 30%, rgba(255,255,255,0.01));}
.content-center { max-width: 726px; margin: 0 auto;}
.page-heading { margin-bottom: 1.6rem;}
.page-title { font-size: 2.2rem; line-height:1.1; font-weight: 900; margin: 0 0 3rem;}
.page-heading .page-title { margin: 0;}

/* posts list */
.blog-section { margin-bottom: 2rem;}
.posts-list { margin-bottom: 1rem;}
.post-item { padding: 0.9rem 0; font-size: 0.9rem; line-height:24px;}
.post-item:after { content:''; display: table; clear: both;}
.post-item + .post-item { border-top:1px solid #d9d9d9;}
.post-item .post-thumb { float:left; width: 240px; height: 142px; margin-right: 1.5rem;}
.post-item .post-thumb img { display: block; width: 240px; height: 142px; object-fit: cover; object-position: center; margin: 0;}
.post-item .post-thumb ~ .post-entry { margin-left: calc(240px + 1.5rem);}
.post-item .item-date { margin-bottom: 0.5rem;}
.post-item .item-title { font-size:1.2rem; font-weight: 900;}
.post-item .item-excerpt { margin-top: 0.5rem;}
.post-item .item-title a:hover { color:rgba(30,30,36,0.7);}

.article-item { display: block; position: relative; margin-bottom: 1rem;}
.article-item .item-badge { display: block; position: absolute; top:1.5rem; left:1.5rem; background: var(--yellow); color:var(--text); font:700 1.2rem/1.4rem 'Fira Sans', sans-serif; padding: 0.25rem 0.4rem; pointer-events: none; z-index: 3;}
.article-item-wide .post-thumb { padding-bottom: 35.6%;}
.article-item .post-thumb:before { content:''; display:block; position: absolute; left:0; top:0; width: 100%; height: 100%; background: linear-gradient(180deg, rgba(0,0,0,0.05) 0%, rgba(0,0,0,0.35) 30%, rgba(0,0,0,0.6) 65%, rgba(0,0,0,0.9) 100%); pointer-events: none; z-index: 1;}
.article-item .item-overlay { /*display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;*/ display: block; position: absolute; width: 100%; bottom:1.25rem; left:0; padding:0 1.5rem; font-size: 1.1rem; line-height: 1.4rem; font-weight: 400; color:var(--white); z-index: 2;}
.article-item .item-overlay:hover { color:#fff;}
.article-item .item-title { font-size: 1.2rem; line-height: 1.5rem; font-weight: 900;}
.item-dot:after { content:'. ';}
@media screen and (min-width: 992px) {
    .article-item-wide-d .post-thumb { padding-bottom: 35.6%;}
}
.main-blocks { margin-bottom: 1rem;}

/* pagenavi */
.wp-pagenavi { display:flex; flex-wrap:wrap; margin-bottom: 1rem;}
.wp-pagenavi a, .wp-pagenavi span { display:block; padding:5px 11px; background:#fff; border: 1px solid transparent; margin: 0 8px 8px 0; min-width:33px; text-align: center; color:var(--text); line-height:21px; font-family:'Fira Sans', sans-serif; text-decoration: none;}
.wp-pagenavi span.current, .wp-pagenavi a:hover { border-color:var(--text); color:var(--text); font-weight:400;}
.wp-pagenavi .pages { order:1; margin-left:auto; margin-right:0; padding-right:0; color:rgba(30,30,36,0.7);}

/* single */
.single-excerpt { font-size: 1.6rem; line-height: 2.1rem; font-weight: 300; margin-top: 1.4rem;}
.links { display: flex; flex-wrap:wrap;}
.links a { font-family: 'Fira Sans', sans-serif; font-size: 0.8rem; line-height:1.2; text-transform: lowercase; padding: 0.25rem 0.4rem; background: var(--yellow); color:var(--text); margin-right: 1.4rem; margin-bottom: 0.75rem;}
.links a:hover { background: var(--text); color:var(--white);}
.cats-links a:before, .tags-links a:before { content:'#';}
.post-authors { font-family: 'Fira Sans', sans-serif; font-weight: 900; margin-bottom: 0.75rem;}
.post-authors a:hover { color:rgba(30,30,36,0.7);}
.single-date { font-family: 'Fira Sans', sans-serif; font-size: 0.8rem; text-transform: lowercase; margin-bottom: 1.5rem;}
.single-share .at-share-tbx-element .at-share-btn { margin-right:1rem; margin-bottom: 1rem; opacity: 0.7; background: none !important;}
.single-share .at-share-tbx-element .at-share-btn:focus, .single-share .at-share-tbx-element .at-share-btn:hover { transform:none; outline-offset: 0;}
.single-share .at-share-tbx-element .at-icon { fill:var(--text);}
.single-share .at-share-tbx-element .at-share-btn:hover { opacity: 1;}
.single-share .addtoany_shortcode { margin-left: -10px;}
.single-share .addtoany_list .a2a_svg { background: none !important;}
.single-share .addtoany_list .a2a_svg svg path { fill:var(--text); opacity: 0.7;}
.single-share .addtoany_list a:hover .a2a_svg svg path { opacity: 1;}

.single-left-column { float:left; width:10rem; margin-left: 6%; padding-top: 0.8rem;}
.single-left-column .links { margin-bottom: 0.75rem;}
.single-left-column .links a { font-weight: 700;}
.single-left-column .post-authors a { display: block;}
.single-left-column.single-left-navigation { width: 14rem; padding-top: 0; margin-left: 0;}
.single-left-navigation #user-registration { margin: 0;}
.single-left-navigation #user-registration.vertical .user-registration-MyAccount-navigation { width: 100%;}
.post-type-archive-sponsoram #user-registration .user-registration-MyAccount-content, .tax-sponsors-type #user-registration .user-registration-MyAccount-content { text-align: left;}
@media screen and (max-width: 1400px) {
    .single-left-column { margin-left: 2%;}
    .single-left-column.single-left-navigation { width: 10rem;}
}
@media screen and (max-width: 1300px) {
    .single-left-column { margin-left: 0;}
}
.single-bottom-meta { padding-top: 1.4rem; margin-bottom: 1.5rem;}
.single-bottom-meta .tags-links { padding-top: 1.25rem;}
.single-bottom-meta .tags-links a { background: var(--white); color:var(--text);}
.single-bottom-meta .tags-links a:hover { background: #999; }

.single-bottom-meta .tags-links a:before { content:none;}
#comment { margin-bottom: 1.5rem;}

/* buildings */
#mapwrap { margin-bottom:26px;}
#buildingsMenu .buildingsBTN { writing-mode: vertical-rl; text-orientation: mixed; text-align:center; color:#fff;}
#buildings h2 { color:#f5b000; font-size: 1.3em; line-height: 22px; font-weight:normal; margin:0;}
#buildingsMenu li { margin-bottom:0; line-height:20px;}

/* content */
.entry-content p { margin-bottom: 1.125rem;}
.entry-content p:empty { display: none;}
.entry-content h2 { font-size: 1.4rem; line-height: 1.2;}
.entry-content a { color:rgba(30,30,36,0.8); box-shadow: inset 0 -1px 0 0 rgba(30,30,36,0.8);}
.entry-content a:hover { color:rgba(30,30,36,0.6); box-shadow: inset 0 -1px 0 0 rgba(30,30,36,0.6);}
.entry-content .btn { color:#262626; box-shadow:none; text-decoration: none;}
.entry-content .btn:hover { color:#fff; box-shadow:none;}
.entry-content ul { padding-left: 1.2rem; margin-bottom: 1.125rem;}
.entry-content ul li, .entry-content ol li { margin-bottom: 0.2rem;}
.entry-content blockquote { border:5px solid var(--yellow); border-radius: 0.5rem; margin: 1.5rem 0; padding: 1.5rem; font-size: 1.2rem; line-height: 1.4rem; font-family: 'Fira Sans', sans-serif;}
.entry-content blockquote > :last-child { margin-bottom: 0;}
.entry-content table { width: 100% !important; border-collapse: collapse; margin-bottom: 1.5rem;}
.entry-content table tr td { padding:0.25rem 0.75rem;}
.entry-content table tbody tr:nth-child(odd) { background: var(--white);}
.entry-content table thead tr { font-weight: 700;}
.alignnone { margin:0 1.25rem 1.5rem 0;}
.aligncenter { display: block; margin:0.25rem auto 1.5rem;}
.alignright { float: right; margin: 0.25rem -237px 1.5rem 1.25rem;}
.alignleft { float: left; margin:0.25rem 1.25rem 1.5rem -237px;}
.entry-content img { margin-bottom: 1.5rem;}
.highlight { background: #fff20099;}
.wp-caption { max-width: 100%;}
.wp-caption img { border: none; height: auto; margin: 0; max-width: 100%; padding: 0; width: 100%;}
.entry-content .wp-caption img { margin-bottom: 0;}
.wp-caption p.wp-caption-text { display: block; font-family: 'Fira Sans', sans-serif; font-weight: 300; font-size:0.75rem; line-height: 1.2; margin: 0; padding: 1rem 0; border-bottom:1px solid rgba(30, 30, 36, 0.5);}
.wide-content { width: 1200px; position: relative; left:50%; transform:translateX(-50%); max-width: 100vw; margin-bottom: 1.5rem;}
.video-wrap { display: block; position: relative; width: 100%; padding-bottom: 56.25%; margin-bottom: 1.5rem;}
.video-wrap embed, .video-wrap iframe { display: block; position: absolute; top:0; left:0; width: 100%; height: 100%; margin: 0 !important;}
.entry-content embed, .entry-content iframe { max-width: 100%; margin-bottom: 1.5rem;}
.announce { position: relative; border:5px solid var(--yellow); border-radius: 0.5rem; margin: 1.5rem 0 2.6rem; padding: 1.8rem 2.6rem; font-size: 1.2rem; line-height: 1.4rem; font-family: 'Fira Sans', sans-serif;}
.announce > :last-child { margin-bottom: 0;}
.announce:after { content:''; display: block; position: absolute; background: #fff; right:1.5rem; bottom:-1.2rem; width: 4.8em; height: 2.23rem; background:#fff url(images/logo-black.png) no-repeat center center; background-size:90% auto;}

.theme-item { display: block; position: relative; float:left; width: 18rem; margin:0.25rem 1.25rem 1.5rem -237px; border: 5px solid var(--yellow); font-family: 'Fira Sans', sans-serif; font-size: 1rem; line-height: 1.2rem; font-weight: 400; color:var(--white); border-radius: 0.6rem;}
.entry-content .theme-item { color:var(--white); box-shadow:none;}
.entry-content .theme-item:hover { color:var(--white);}
.theme-item .post-thumb { padding-bottom: 100%;}
.theme-item .post-thumb:before { content:''; display: block; position: absolute; width: 100%; height: 100%; left:0; top:0; background: linear-gradient(180deg, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0.5) 60%, rgba(0,0,0,0.8) 100%); border-radius:0.4rem; z-index: 1;}
.theme-item .post-thumb img { border-radius:0.4rem;}
.theme-item .item-overlay { display:block; position: absolute; width: 100%; bottom:1.25rem; left:0; padding:0 1.25rem; z-index: 2;}
.theme-item .item-title { font-weight: 900;}
.theme-item .item-badge { display: block; position: absolute; top:0.8rem; left:0; width: 100%; padding: 0 1.3rem; font-size: 1.1rem; line-height: 1.3rem; font-weight: 400; color:rgba(241,243,242,1); z-index: 2;text-transform: uppercase;}

.popper-info-box .popper-word {transition:0.16s;}
.popper-info-box:hover .popper-word { color: rgba(30,30,36,0.7);}
.popper-btn-box { display: inline-block; position: relative; margin-top: -0.1rem; margin-bottom: -0.1rem;}
.popper-btn { display: block; width: 1rem; height: 1rem; background: #999; color:#fff; border-radius: 50%; line-height: 1.1rem; text-align: center; font-style:italic; font-weight: 900; border:none; padding:0; cursor: pointer;}
.popper-btn:hover {background: #000; color:#999; }
.popper-info-box:hover .popper-btn, .popper-btn-box.popper-active .popper-btn { color:#fff;}
.popper-box { width: 12rem; background: #fff; border: 1px solid #D9D9D9; box-shadow: 0px 0px 0.5rem rgba(0, 0, 0, 0.15); padding: 0.8rem; font-size: 0.7rem; line-height: 0.9rem; border-radius: 0.5rem; color: #000; opacity: 0; visibility: hidden; pointer-events: none; position: absolute; top:50%; transform: translateY(-50%); transition: opacity .16s; z-index: 150;}
.popper-box:before { content:''; display: block; position: absolute; left:-1.05rem; right:-1.05rem; top:0; bottom:0; z-index: -1;}
.popper-right .popper-box { right:2rem;}
.popper-left .popper-box { left:2rem;}
.popper-active .popper-box, .popper-btn-box:hover .popper-box, .popper-btn-box:active .popper-box { visibility: visible; opacity: 1; pointer-events: all;}

.doc-link { text-decoration: none; box-shadow: none !important;}
.doc-link .doc-ico { display: inline-block; position: relative; top:3px; width: 16px; height: 20px; background-image: url(images/doc.svg); background-size: contain; background-repeat: no-repeat; background-position: center; transition: background-image 0.2s ease; cursor: pointer;}
.doc-link:hover .doc-ico { background-image: url(images/doc-hover2.svg);}

.expand-content { display: none; margin-bottom: 1.25rem;}
.expand-box.active .expand-content { display: block;}
.expand-box-lines { clear: both; padding: 1.2rem 0; border:1px solid rgba(30,30,36,0.5); border-width: 1px 0; margin-bottom: 1.25rem;}
.expand-box-lines .expand-content { margin-top: 1.25rem; margin-bottom: 0;}
.expand-btn { font-size: 0.7rem; line-height: 1.2rem; font-weight: 700; cursor: pointer;}
.expand-btn:after { content:'+'; display: inline-block; background: var(--yellow); color:#000; width: 1.2rem; height: 1.2rem; text-align: center; border-radius: 50%; font-size: 0.9rem; font-weight: 900; margin-left: 0.5rem; padding-left: 1px;}
.expand-btn:hover:after { background: #000; color:var(--yellow);}
.expand-box.active .expand-btn:after { content:'-';}
.expand-btn-big, .alnp-more-btn { background:var(--white); color:var(--text); border-radius:0.3rem; padding: 12px 18px 12px; font-family: Fira Sans; font-size: 14px; line-height: 18px; font-weight: 700; text-align: center; text-transform: uppercase; letter-spacing: 1px; transition: all .3s ease; cursor: pointer;}
.expand-btn-big:after, .alnp-more-btn:after { content:''; display: inline-block; border-top:6px solid var(--text); border-left:3px solid transparent; border-right:3px solid transparent; margin-left: 5px; vertical-align: top; margin-top: 5px;}
.expand-box.active .expand-btn-big:after { border-top:none; border-bottom:6px solid var(--text);}
.expand-btn .more-text, .expand-btn .less-text { text-decoration: underline;}
.expand-box .less-text, .expand-box.active .more-text { display: none;}
.expand-box.active .less-text { display: inline;}
.expand-box-inline .expand-content { display:none !important; visibility: hidden; opacity: 0;}
.expand-box-inline.active .expand-content { display:inline !important; visibility: visible; opacity: 1;}
.alnp-more { display: none; text-align: center; position: absolute; left:0; bottom:40px; width: 100%; z-index: 75;}
.alnp-more-btn:after { margin-top: 10px;}
#content-wrapper.content-limited .alnp-more { display: block;}
.navigation.post-navigation { display: none;}

.box-articles { background: var(--white); border-top:3px solid var(--text); padding: 1.5rem 1rem 1.25rem; color:rgba(30,30,36,0.8); font-size: 1rem; line-height: 1.25; margin: 1.5rem 0;}
.box-articles-title { font-size: 1.1rem; font-weight: 400; text-transform: uppercase; color:rgba(30,30,36,1); margin-bottom: 1.5rem;}
.entry-content .box-articles p { margin-bottom: 1rem;}
.entry-content .box-articles p:last-child { margin-bottom: 0;}
.entry-content .box-articles p a { text-decoration: none; box-shadow:none;}
.entry-content .box-articles p a:hover { color:rgba(30,30,36,0.8); }

.content-search .search-box { margin-bottom:1.5rem;}
.content-search .search-box .search-label { display: none;}
.content-search .search-box .search-form input.input-search { border-bottom:1px solid var(--text); color:var(--text);}
.content-search .search-box .search-form .btn-search { color:rgba(30,30,36,0.7);}
.content-search .search-box .search-form .btn-search:hover { color:var(--text);}

.section-border { border-top:1px solid var(--text); padding-top: 1.5rem; margin-bottom: 1.5rem;}
.text-baner { display: block; background: var(--white); color:rgba(30,30,36,0.8); font-family: 'Fira Sans', sans-serif; font-size: 3.1rem; line-height: 4rem; font-weight: 900; padding: 2.3rem 3.5rem; text-align: center; text-transform: uppercase; text-decoration: none;}
.text-baner:hover { color:rgba(30,30,36,0.8);}
.entry-content .text-baner, .entry-content .text-baner:hover { color:rgba(30,30,36,0.8); box-shadow: none;}
.target-widget { margin-bottom: 2rem;}
.target-widget img { display: block; width: 100%;}

/* home */
.home-news-section { margin-bottom: 1rem;}
.column-news { position: absolute; left:10px; right:10px; top:0; bottom:1rem; background: var(--white); overflow: hidden; padding: 1.5rem 1rem 1.5rem 1.5rem;}
.column-news .widget { margin: 0;}
.column-news .home-news { height: 100%; overflow: auto; padding-right:2.5rem; margin-right: -2.5rem;}
.home-news ul { list-style: none; padding: 0; margin: 0;}
.home-news ul li { position: relative; padding: 0.8rem 0;}
.home-news ul li:first-child { padding-top: 0.5rem;}
.home-news ul li+li:before { content:''; display: block; position: absolute; width:8.5rem; left:50%; transform:translateX(-50%); top:0; border-top:1px solid #000;}
.home-news .item-title { font-size: 1.1rem; line-height: 1.4rem; font-weight: 400;}
.home-news .item-cats a { background: var(--yellow); box-shadow: none; padding: 0 2px; font-family: 'Fira Sans', sans-serif;}
.home-news .item-cats a:before { content:'#';}
.home-news .upw-after { margin: 1rem 0 0; text-align: right;}
.home-news .upw-after a { display: inline-block; background: var(--yellow); color:var(--text); font-size: 1.2rem; line-height: 1.5rem; font-weight: 900; text-decoration: none; padding: 0.25rem 0.4rem;}
.home-news .item-title>a:hover { color:rgba(30,30,36,0.7);}
@media screen and (min-width: 992px) {
    .home-articles-carousel .jcarousel>ul { width: auto; margin-left: -10px; margin-right: -10px;}
}

/* author */
.author-box { padding-top: 2rem; margin-bottom: 2.5rem;}
.author-photo { text-align: center; margin-bottom:2rem;}
.author-photo img { width: 17.7rem; height: 17.7rem; object-fit: cover; object-position: center top;}
.author-info { margin-bottom: 2rem;}
.author-info-head { position: relative; margin-bottom: 1.1rem; padding-bottom: 0.9rem;}
.author-info-head:after { content:''; display: block; position: absolute; bottom:0; left:0; width: 8.6rem; border-top:1px solid #000;}
.author-info h1 { font-size: 1.6rem; line-height: 1.7rem; font-weight: bold; margin: 0;}
.author-info .author-position { font-size: 1rem; line-height: 1.2rem; font-weight: bold; font-family: 'Fira Sans', sans-serif;}
.author-email { font-size: 0.9rem; margin-bottom: 1.2rem;}
.author-email a { text-decoration: underline;}
.author-email a:hover { color:rgba(30,30,36,.6);}
.socials { display: flex; flex-wrap:wrap; margin:0 -0.2rem 0.6rem;}
.socials a { display: block; margin: 0 0.2rem 0.4rem; background: #000; border-radius: 50%; width: 2rem; height: 2rem; color:#fff; font-size: 1rem; line-height: 1.8rem; padding-top: 0.2rem; text-align: center; text-decoration: none;}
.socials a:hover { background: var(--yellow); color:var(--text);}

/* team */
.team-item { display: block; font-family: 'Fira Sans', sans-serif; font-size: 0.9rem; line-height: 1.2; margin-bottom: 1.5rem;}
.team-thumb { display: block; margin-bottom: 1.1rem;}
.team-info { display: block;}
.team-item .item-title { display: block; font-size: 1rem; font-weight: 700; margin: 0;}
.team-thumb img { display: block; width: 9.6rem; height:9.6rem; object-fit: cover; object-position: center top;}
.team-item .item-desc { display: block; padding-right: 1rem;}
a.team-item .item-title b, a.team-item .item-desc { box-shadow: inset 0 0 0 0 var(--yellow);}
a.team-item:hover .item-title b, a.team-item:hover .item-desc {color:#333}
@media screen and (min-width: 992px) {
    .team-carousel .jcarousel>ul { width: auto; margin-left: -10px; margin-right: -10px;}
}

/* logos */
.logos-section { border-top:1px solid var(--text); padding-top: 1.5rem; margin-bottom: 1rem;}
.logos-block { margin-bottom: 1.5rem;}
.logos-list { display: flex; flex-wrap:wrap; align-items: center; list-style: none; padding: 0; margin:0 -1rem;}
.logos-list li {padding: 0.5rem 1rem;}
.logos-list li img { height: 2.5rem; width: auto; max-width: none;}

/* donate */
.payment-tabs { border:none;}
.payment-tabs li { width: 50%; flex:0 0 50%;}
.payment-tabs .nav-link { margin: 0; border: 1px solid rgba(30,30,36,0.3); border-radius:0; font-weight: 700; color:var(--text); background: #fff; display: block; text-align: center;}
.payment-tabs .nav-link:hover { border-color:var(--text);}
.payment-tabs .nav-item.show .nav-link, .payment-tabs .nav-link.active { color: var(--white); background-color:var(--text); border-color:var(--text);}
.entry-content .payment-tabs { padding-left: 0;}
.entry-content .payment-tabs li { margin-bottom: 0;}
.entry-content .payment-tabs .nav-link { box-shadow: none;}
.entry-content .payment-tabs .nav-link:hover { box-shadow: none; color:var(--text);}
.entry-content .payment-tabs .nav-link.active { color: var(--white);}
.buttons-flex { display: flex; flex-wrap:wrap; justify-content: space-between;}
.pay-button { display: block; background: #FFF; color: #000 !important; border-radius: 0; padding: 0.6rem 0.75rem; width: calc(50% - 30px); text-align: center; text-decoration: none; margin: 0 5px 0.75rem; box-shadow: none !important; border: 1px solid rgba(30,30,36,0.3);}
.pay-button:hover {background: #000;color: #fff !important;}

#payment_container, .subscribe-widget { background-color: #f1f3f2; padding: 20px; margin-bottom:20px;}
.payment-text { font-family:'Fira Sans', sans-serif; line-height: 18px; font-size: 16px; margin-bottom: 1.125rem;}
.payment-text h4 { font-size: 22px; font-family: 'Merriweather',serif; line-height: 26px; font-weight: 600; margin:0 0 10px;}
#payment_container .pay-button:hover { background-color: #333;}
#payment_container .pay-button { margin: 0 0px 0.75rem; width:24%;}
form.wpcf7-form p { width:100%;}
.form-item { margin-bottom: 1.125rem;}
.mc4wp-form-fields { display: flex;}
.mc4wp-form-fields .form-item { flex:1 0 auto; margin-bottom: 0;}
.mc4wp-form-fields .form-submit { margin-left: 20px;}
.mc4wp-form-fields .form-submit .btn { background: #333; color:#fff; font-size: 0.9rem; line-height: 1.4; padding: 0.6rem 1.25rem; border:1px solid transparent;}
.mc4wp-response { margin-top: 1rem; line-height: 18px; font-size: 16px;}
.mc4wp-response .mc4wp-notice, .mc4wp-response .mc4wp-error { color:red;}
.mc4wp-checkbox input[type="checkbox"] { margin-right: 12px;}

/* landing */
.ld-section { padding: 1rem 0;}
.section-head { margin-bottom: 2rem;}
.section-title { font-weight: 900;}
.ld-section.ld-benefits-section { padding: 1rem 0;}
.ld-benefits-list { background: #F1F3F2; padding: 2.5rem; display: flex; flex-wrap:wrap;}
.benefit-item { display: flex; width: 50%; flex-shrink:0; padding: 0.5rem 0.5rem 1.5rem; font-weight: 300;}
@media screen and (min-width: 992px) {
    .benefit-item:nth-child(2n) { border-left:1px solid rgba(0,0,0,0.1); padding-left: 2rem;}
    .benefit-item:nth-child(2n+1) { padding-right: 2rem;}
    .benefit-item:nth-child(n+3) { border-top:1px solid rgba(0,0,0,0.1); padding-top:1.75rem;}
}
.benefit-item .item-icon { display: block; flex-shrink: 0; margin-right: 1.5rem;}
.benefit-item .item-icon img { display: block; width: 3rem; height: 3rem; object-fit: contain; object-position: center; margin: 0;}
.benefit-item .item-entry > :last-child { margin: 0;}
.benefit-item .item-caption { font-size: 1rem; line-height: 1.5rem; font-weight: 900; margin-bottom: 0.5rem;}
.levels-tabs { display: flex; justify-content: center; border:none; margin-bottom: 2.5rem;}
.levels-tabs li { width: 210px; max-width: 50%;}
.levels-tabs .nav-link { position: relative; margin: 0; border: 1px solid #000; border-radius:0; font-weight: 400; color:#000; background: #fff; display: block; text-align: center; padding: 0.55rem 1rem;}
.levels-tabs .nav-link:hover { border-color:#000;}
.levels-tabs .nav-item.show .nav-link, .levels-tabs .nav-link.active { color: var(--white); background-color:#000; border-color:#000;}
.levels-tabs .nav-link .year-discount { display: block; position: absolute; top:-1.25rem; right:-1.25rem; width: 2.5rem; height: 2.5rem; background: var(--yellow); color:#000; line-height: 2.5rem; text-align: center; border-radius: 50%;}
.level-item { position: relative; height: calc(100% - 30px); margin-bottom: 30px; border:5px solid #F1F3F2; padding: 1.3rem 2rem 2.2rem; text-align: center;}
.level-item .level-badge, .level-item .btn-pay-cancel, .level-item.current .btn-pay-change { display: none;}
.level-item.current { border-color:var(--yellow);}
.level-item.current .level-badge { display: block; position: absolute; top:0; left:0; background: var(--yellow); color:#000; padding: 5px 10px; font-size: 0.75rem; font-weight: bold; white-space: nowrap;}
.level-item.current .btn-pay-cancel, .level-item .btn-pay-change { display: block;}
.level-item .level-name { font-size: 1.5rem; line-height: 2rem; font-weight: 900; margin-bottom: 2rem;}
.level-item .level-options { text-align: left; padding-left: 1rem; max-width: 300px; margin: 0 auto 1.5rem; font-family: 'Fira Sans', sans-serif; font-size: .9rem; line-height: 1rem;}
.level-item .level-options li { margin-bottom: 0.5rem;}
.level-item .level-options .missing { color:#ccc;}
.level-item .level-price { font-size: 1.2rem; line-height: 1.5rem; font-weight:700; margin-bottom: 2.5rem;}
.level-item .btn { width: 300px; max-width: 100%; margin: 0 auto;}
.custom-pay-block { margin-top: 0.5rem;}
.pay-note { display: block; font-family: 'Fira Sans', sans-serif; font-size: 0.8rem; line-height: 1.2rem; color:#4d4d4d; margin-top: 0.7rem;}
.custom-pay-form { display: flex; justify-content: center;}
.custom-pay-form .input-custom-amount { width: 100px; margin-right: 15px;}
.contest-list { display: flex; flex-wrap:wrap; justify-content: center; margin: 0 -0.8rem;}
.contest-item { flex:0 1 20%; display: flex; justify-content: space-between; align-items: center; text-align: center; padding: 0 0.8rem; margin-bottom: 1.2rem;}
.contest-item .contest-icon { display: block; width: 5rem; margin: 0 auto 15px;}
.contest-item .contest-entry { font-size: 0.8rem; line-height: 1.4;}
.contest-item .contest-caption { min-height: 4.5rem; display: flex; align-items: center;}
.contest-item > img { margin: 0; height: 5rem; width: auto;}
.acc-item { padding: 1rem 0; border-top:1px solid rgba(0,0,0,0.1);}
.acc-header { display: block; position: relative; padding:0.5rem 4rem 0.5rem 0; font-size: 1.2rem; line-height: 1.5rem; font-weight: 900; cursor: pointer;}
.acc-header svg { display: block; position: absolute; width: 1rem; height: 1rem; right:1rem; top:.75rem; transform: rotate(-180deg); transition:all 0.3s ease;}
.acc-header.collapsed svg { transform:rotate(0);}
.acc-body { padding: 0.5rem 4rem 0.5rem 0;}
.acc-body > :last-child { margin-bottom: 0;}

body.user-registration-page #user-registration:not(.user-registration-MyAccount), body.user-registration-page .user-registration:not(.user-registration-MyAccount) { max-width: 1280px;}
#user-registration div.user-registration-MyAccount-content h2 { font-size: 1.6rem; margin-bottom: 1.125rem; font-weight: 900;}
#user-registration .user-registration-MyAccount-navigation, #user-registration.horizontal .user-registration-MyAccount-navigation, div.ur-frontend-form { border:none;}
.logged-in.user-registration-subscribes .content-center { max-width: none;}
.user-registration-form-row { display: block; margin-right: 0; margin-left: 0;}
.ur-frontend-form .ur-form-row .ur-form-grid { padding-left: 0; padding-right:0;}
.user-registration-form-row label { font-weight: 600;}
#user-registration div.user-registration-MyAccount-content .ur-frontend-form .user-registration-EditAccountForm .ur-form-grid>p { margin-top: 0; float:none;}
div.ur-frontend-form input[type=submit] { float: none;} 
.ur-frontend-form .ur-form-row .ur-form-grid input.button { border:none;}
ul.user-registration-coupon-error, ul.user-registration-error, ul.user-registration-info, ul.user-registration-message { line-height: 24px}
ul.user-registration-coupon-error:before, ul.user-registration-error:before, ul.user-registration-info:before, ul.user-registration-message:before { float:left; clear:left;}
.entry-content .user-registration-error { padding-left: 15px;}
.form-group.submit-group { margin-bottom: 0;}
.form-group .form-note { font-size: 0.7rem; color:rgba(30,30,36,.8); margin: 5px 0 0;}
#user-registration .form-group .form-note { color:rgba(30,30,36,.8);}
.submit-loader { margin: 10px 0 10px 15px; visibility: hidden; opacity: 0;}
.submit-loader.show { visibility: visible; opacity: 1;}
.entry-content .submit-loader { margin-bottom: 10px;}

.modal-close { position: absolute; right:10px; top:10px; width: 20px; height: 20px; cursor: pointer; z-index: 5;}
.modal-title { text-align: center; margin-bottom: 1rem;}

.language-uk .user-registration-logout-swal2-container .swal2-modal .swal2-actions button.swal2-cancel { font-size: 0; line-height: 0;}
.language-uk .user-registration-logout-swal2-container .swal2-modal .swal2-actions button.swal2-cancel:before { content:'Ні, я залишусь'; font-size: 14px; line-height: 24px;}

/* #footer */
#footer { background: var(--text); color:var(--white); font-family: 'Fira Sans', sans-serif; font-size: 0.8rem; line-height: 1.5; padding: 2.5rem 0;}
.footer-logo { width: 8.5rem; flex:0 0 8.5rem; margin-right: 1.5rem; margin-bottom: 1.25rem;}
.footer-logo img { display: block; width: 100%; height: auto;}
.footer-info, .footer-copyright { margin-bottom: 1.2rem;}
.footer-menu>li { margin-bottom: 1.2rem;}
.footer-menu li a { color:rgba(241,243,242,0.7);}
.footer-menu>li>a { font-weight:700; color:var(--white); cursor: default;}
.footer-menu .sub-menu { list-style: none; margin-top:1.2rem; padding: 0;}
.footer-menu .sub-menu li a:hover { color:var(--white);}

.scroll-up{ cursor:pointer; position:fixed; bottom:4px; right:5px; width:40px; height:40px; background-color:var(--white); color:var(--text); font-size: 20px; line-height: 36px; padding-top: 4px; text-align: center; z-index:9999; transform:translate3d(0,70px,0); transition:transform .4s cubic-bezier(.55,0,.1,1) 0s;}
.scroll-up-visible{transform:translate3d(0,0,0);}

@media screen and (max-width: 1199px) {
    html { font-size: 18px;}
    
    .top-menu>li { margin-left: 1rem;}
    
    .alignright { max-width: 50vw; margin-right:calc(50% - 50vw);}
    .alignleft { max-width: 50vw; margin-left:calc(50% - 50vw);}
    .alignleft p.wp-caption-text { margin-left: 30px;}
    .alignright p.wp-caption-text { margin-right: 30px;}
    .wide-content .wp-caption p.wp-caption-text { max-width: 726px; margin: 0 auto;}
    
    .theme-item { margin-left:calc(50% - 50vw);}
    
    .contest-item { flex:0 1 25%;}
    
    .single-left-column.single-left-navigation { width:auto; max-width: 726px; margin: 0 auto 1.6rem; float:none;}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
    .article-item .post-thumb { padding-bottom: 85%;}
    .article-item-wide .post-thumb, .article-item-wide-d .post-thumb { padding-bottom: 41.1%;}
    .article-item .item-overlay { font-size: 1rem; line-height: 1.3rem;}
    .article-item .item-title { font-size: 1.1rem; line-height: 1.4rem; } 
}

@media screen and (max-width: 991px) {
    body { font-size: 1rem;}
    
    h2, h3, h4, h5, h6 { margin-bottom: 1.5rem;}
    h1, .head-content .head-title { font-size: 2rem; line-height: 1.25;}
    h2 { font-size: 1.5rem; line-height: 1.8rem;}
    h3 { font-size: 1.25rem;}
    h4 { font-size:1.1rem;}
    h5 { font-size:1rem;}
    h6 { font-size:1rem;}
    
    /* #header */
    #header { height: 4.2175rem;}
    .header-sticky { padding:0.9375rem 0 0.5rem;}
    .header-logo { width: 7rem;}
    .header-top-row { padding: 0.125rem 0 0.625rem;}
    .header-bottom-row { padding-top:0.5rem;}
    .header-links li { display: none; margin: 0;}
    .header-links li.donate-link { display: block;}
    .header-links li.donate-link a { font-size: 0.75rem; line-height:1rem; padding: 0.25rem 0.5rem;}
    .blog-link { font-size: 0.625rem;}
    .lang-menu { margin-left: 0.5rem;}
    .header-search { margin-left: 0.75rem;}
    .search-toggler { width:1.25rem; height: 1.25rem; padding-top:0.0625rem;}
    .navbar-main-toggler { width:1.25rem; height:1.25rem; margin-left:0.75rem;}
    .navbar-main-toggler span, .search-toggler span { height:0.125rem; width:1rem; left:0.125rem; top:0.5625rem;}
    .navbar-main-toggler.collapsed span:nth-child(1) { top:0.3125rem; width:1rem; left:0.125rem;}
    .navbar-main-toggler.collapsed span:nth-child(4) { top:0.8125rem; width:1rem; left:0.125rem;}
    
    #search.show ~ #header .header-sticky.navbar-fixed-top, #navi.show ~ #header .header-sticky.navbar-fixed-top { padding:0.9375rem 0 0.5rem;}
    #search.show ~ #header .header-top-row, #navi.show ~ #header .header-top-row { padding: 0.125rem 0 0.625rem;}

    #search, #navi { padding-top: 4.2175rem; padding-bottom:1rem;}
    #search .search-inner { max-width:none; width: 80%;}
    .search-box { margin-bottom: 2rem;}
    .search-box .search-label { font-size: 2.25rem; line-height: 3rem; margin-bottom:2.5rem;}
    .search-box .search-form input.input-search { font-size:1.25rem; line-height: 1.75rem; height:calc(2.75rem + 1px);}

    .main-menu { padding: 1rem 0 0.5rem;}
    .main-menu>li { margin-bottom: 1.8rem;}
    .main-menu li a { font-size:1.25rem; line-height:1.625rem;}
    .main-menu .sub-menu { margin-top:1.625rem;}
    
    /* head image */
    .head-image { height:auto; min-height: calc(75vh - 4.2175rem); padding:5.75rem 0;}
    .admin-bar .head-image { min-height: calc(75vh - 4.2175rem - 32px);}
    .head-content { padding: 0 12px;}
    .head-excerpt { font-size:1rem; line-height: 1.25;}
    .head-image .post-authors { display: block; font-size: 1rem; font-weight: 900;}
    
    .head-image-home { text-align: left; padding:5.5rem 0 1.875rem; min-height: 1px;}
    .admin-bar .head-image-home { min-height: 1px;}
    .head-image-home .head-title, .head-image-home .head-excerpt { display: inline; font-size:1.25rem; line-height: 1.25; margin: 0;}
    .head-image-home .head-title:after { content:'. ';}
    .head-image-home .post-authors { display: none;}
    
    /* layout */
    #content-wrapper { padding-top:3rem;}
    .content-center { padding: 0 12px;}
    .page-heading { margin-bottom: 1.6rem;}
    .page-title { font-size: 2rem; line-height: 1.25; margin-bottom: 2.2rem;}
    .single-excerpt { font-size: 1.25rem; line-height: 1.5rem; margin-top: 1.25rem;}
    .links a { padding: 0.3125rem 0.5rem; margin-right:0.75rem;}
    .single-date { margin-bottom:0.75rem;}
    .single-share .at-share-tbx-element .at-share-btn { margin-right:0.75rem; margin-bottom: 0.75rem;}
    .single-share .at-share-tbx-element .at-share-btn:focus, .single-share .at-share-tbx-element .at-share-btn:hover { transform:none; outline-offset: 0;}
    .single-share .at-share-tbx-element .at-share-btn .at-icon-wrapper { font-size:24px !important; height: 24px !important; line-height: 24px !important;}
    .single-bottom-meta { text-align: center;}
    .single-bottom-meta .links { justify-content: center; padding-top: 1rem;}
    .single-bottom-meta .links a, .single-bottom-meta .single-share .at-share-tbx-element .at-share-btn { margin-left: 0.375rem; margin-right: 0.375rem;}
    .single-share .addtoany_shortcode { margin-left:0;}
    
    .post-item { padding: 0.9375rem 0; font-size: 1rem;}
    .posts-list .post-item:first-child { padding-top: 0;}
    .post-item .item-date { margin-bottom: 0.75rem;}
    .post-item .item-title { font-size:1.25rem;}
    .post-item .item-excerpt { margin-top: 0.625rem;}
    
    .article-item { margin-bottom: 1.75rem;}
    .article-item-wide-m .post-thumb { padding-bottom: 35.6%;}
    .article-item-wide-d .post-thumb { padding-bottom: 72.7%;}
    .article-item .post-thumb { margin-bottom: 0.625rem;}
    .article-item .post-thumb:before { display: none;}
    .article-item.block-item .post-thumb:before { display: block; background: linear-gradient(180deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.7) 100%);}
    .article-item .item-overlay { display:block; overflow: visible; text-overflow:clip; position: relative; width:auto; bottom:auto; left:auto; padding:0; font-size:1rem; line-height:1.25rem; font-weight: 300; color:var(--text);}
    .article-item .item-overlay:hover { color:rgba(30,30,36,0.7);}
    .article-item .item-title { font-size: 1rem; line-height: 1.25rem;}
    
    .main-blocks { margin-bottom: 0;}
    .article-item.block-item .post-thumb { padding-bottom: 105.9%;}
    .article-item.block-item .item-badge { top:1.25rem; left:50%; transform:translateX(-50%); font-size: 0.875rem; line-height: 1rem; padding: 0.125rem 0.25rem; white-space: nowrap;}
    .article-item.block-item .item-overlay { /*display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;*/ display: block; position: absolute; width: 100%; bottom:auto; left:0; top:3.25rem; padding:0 0.625rem; font-weight: 400; color:var(--white); text-align: center;}
    .article-item.block-item .item-title { font-size: 1rem; line-height: 1.25rem; font-weight: 400;}
    .article-item.block-video-item { padding: 1.625rem 1rem 1.5rem; text-align: center;}
    .article-item.block-video-item .post-thumb { position: absolute; left:0; top:0; width: 100%; height: 100%; padding-bottom:0;}
    .article-item.block-video-item .item-badge { position: relative; top:auto; left:auto; transform:none; display: inline-block;}
    
    .entry-content { line-height: 1.5rem;}
    .entry-content p { margin-bottom: 1.5rem;}
    .entry-content h2 { font-size: 1.5rem;}
    .entry-content img, .alignnone, .aligncenter, .alignright, .alignleft { margin-bottom: 1rem;}
    .alignright { margin-left: 0.625rem;}
    .alignleft { margin-right: 0.625rem;}
    .wp-caption p.wp-caption-text { font-weight: 400; font-size:0.875rem; padding:0.625rem 0 0.875rem; border-bottom:1px solid rgba(30, 30, 36, 1);}
    .wide-content .wp-caption p.wp-caption-text { max-width: 656px;}
    
    .theme-item { width: 20rem; max-width: 100%;}
    .theme-item .item-overlay { padding: 0 1rem;}
    .theme-item .item-badge { padding: 0 1rem; font-size: 1rem; line-height: 1.2;}
    
    .announce { margin-bottom: 2.5rem; padding: 1.25rem 1.25rem 1.5rem; font-size: 1rem; line-height: 1.2;}
    .announce:after { right:2.5rem; bottom:-1.25rem; height: 2.25rem;}
    
    .box-articles { padding: 1.25rem 0.75rem; font-size: 0.875rem;}
    .box-articles-title { font-size:0.875rem; margin-bottom: 1.25rem;}
    
    .section-border { border-top:1px solid rgba(196,203,202,0.7); padding-top: 0.75rem; margin-bottom: 1.5rem;}
    .text-baner { background: var(--text); color:rgba(241,243,242,0.8); font-size: 1.375rem; line-height: 1.625rem; padding:2rem;}
    .text-baner:hover, .entry-content .text-baner, .entry-content .text-baner:hover { color:rgba(241,243,242,0.8);}
    .target-widget { margin-bottom: 1.25rem;}
    
    /* home */
    .home-news-section { margin: -1.5rem 0 0; padding-top: 1.5rem; border-top:1px solid rgba(196,203,202,0.7);}
    .home-articles-carousel { padding-bottom: 1.5rem; margin-bottom: 1.25rem; border-bottom:1px solid rgba(196,203,202,0.7);}
    .home-articles-carousel .jcarousel { margin-left: -10px; margin-right: -10px;}
    .home-articles-carousel .row { display: block;}
    .home-articles-carousel .row > [class^="col-"] { max-width: none; flex:0 0 auto; width: 260px;}
    .home-articles-carousel .article-item { margin-bottom: 0;}
    .home-articles-carousel .article-item .post-thumb:before { display: none;}
    
    .column-news { position: relative; top:auto; right:auto; left:auto; bottom:auto; padding: 1.25rem 20px; height:auto; overflow: visible; margin-bottom: 1.25rem;}
    .column-news .home-news { padding: 0; margin: 0; height: 360px;}
    .home-news ul li { padding: 0.5rem 0;}
    .home-news ul li+li:before { display: none;}
    .home-news .item-title { font-size: 1rem; line-height: 1.25rem;}
    .home-news .upw-after { margin: 0.75rem 0 0; text-align:center;}
    .home-news .upw-after a { font-size: 1rem; line-height: 1.3; padding: 0.3rem 0.45rem;}
    
    .author-box { padding-top: 1rem; margin-bottom: 0;}
    .author-photo { text-align: left; margin-bottom:1rem;}
    .author-photo img { max-width: 100%; width: 24rem; height: 24rem;}
    .author-info { margin-bottom: 1rem;}
    .author-info-head { padding-bottom: 1rem;}
    .author-info h1 { font-size: 1.875rem; line-height: 2rem;}
    .author-email { font-size: 1rem;}
    .socials a { width: 2.5rem; height: 2.5rem; font-size: 1.25rem; line-height: 2.25rem; padding-top: 0.25rem;}
    
    /* team */
    .team-thumb { margin-bottom: 0.75rem;}
    .team-thumb img { width: 7.25rem; height:7.25rem;}
    .team-item .item-desc { padding-right: 0;}
    .team-carousel .jcarousel { margin-left: -10px; margin-right: -10px;}
    .team-carousel:after { content:''; display: table; clear: both;}
    .team-carousel .row { display: block;}
    .team-carousel .row > [class^="col-"] { max-width: none; flex:0 0 auto; width:calc(7.25rem + 20px);}
    .team-carousel .team-item { margin-bottom: 0;}
    .team-carousel .jcarousel-next { position: absolute; top:50%; right:0; transform:translateY(-50%); font-size: 9.25rem; line-height: 11.75rem; font-weight: 900; color:#d9d9d9; opacity: 0.7; z-index: 50; cursor: pointer;}
    .team-carousel .jcarousel-next:before { content:'>';}
    
    .logos-section { border-top:none; padding-top: 0; margin-bottom:0;}
    .logos-block { border-top:1px solid rgba(196,203,202,0.7); padding-top: 0.75rem;}
    .logos-list li {padding: 0.75rem 1rem;}
    
    .benefit-item { width: 100%; padding: 0.5rem 0.5rem 1.5rem;}
    .benefit-item:nth-child(n+2) { border-top:1px solid rgba(0,0,0,0.1); padding-top:1.75rem;}
    .ld-benefits-list { padding: 2rem;}
    .contest-list { flex-wrap: wrap; justify-content: center;}
    .contest-item { flex:0 1 33.33%;}
    .contest-item .contest-entry { font-size: 0.8rem;}
    
    /* #footer */
    #footer { font-size: 0.875rem; line-height: 1.25; padding: 1.5rem 0; color:rgba(241,243,242,0.7);}
    .footer-logo { width: 7rem; flex:0 0 7rem;}
    .footer-info, .footer-copyright { margin-bottom: 1.5rem;}
    .footer-menu { padding-top: 1rem;}
    .footer-menu>li { margin-bottom: 1.8rem;}
}

@media screen and (min-width: 768px) and (max-width: 991px) {    
    .level-item { padding: 1rem;}
    .level-item .level-name { font-size: 1.2rem; line-height:1.5rem; margin-bottom:1.5rem;}
    .level-item .level-price { font-size: 1rem; margin-bottom: 1.5rem;}
}

@media screen and (max-width: 782px) {
    .admin-bar .header-sticky, .admin-bar.header-transparent .header-sticky { top:46px;}
    .admin-bar #search.show, .admin-bar #navi.show { top:46px; height:calc(100vh - 46px);}
    .admin-bar .head-image { min-height: calc(75vh - 4.2175rem - 46px);}
    .admin-bar .head-image-home { min-height: 1px;}
}

@media screen and (max-width: 767px) {
    html { font-size: 16px;}
    
    .post-item { display: flex; flex-direction: column;}
    .post-item:after { display: none;}
    .post-item .post-thumb { float:none; margin-right:0; margin-bottom: 0.75rem;}
    .post-item .post-thumb ~ .post-entry { margin-left:0;}
    .post-item .item-date { order:-1;}
    
    .wide-content .wp-caption p.wp-caption-text { max-width: 476px;}
    
    .theme-item { float:none; margin: 0 auto 1.5rem;}
    
    .logos-list li img { height: 3rem;}
    
    .contest-item { flex:0 1 50%;}
    
    .pay-button, #payment_container .pay-button { width:calc(50% - 10px);}
    .custom-pay-form { display: block;}
    .custom-pay-form .input-custom-amount { width: 100%; margin:0 0 15px;}
    .custom-pay-form .btn { width: 100%;}
}

@media screen and (max-width:576px) {
    .target-widget { margin-left: -20px; margin-right: -20px;}
    
    .home-articles-carousel .row > [class^="col-"] { width: calc(50vw - 10px);}
    .column-news { margin-left: -20px; margin-right: -20px;}
    
    .team-carousel, .team-carousel .jcarousel { overflow: visible;}
    
    .wide-content .wp-caption p.wp-caption-text { max-width: calc(100% - 64px);}
    
    .benefit-item { display: block;}
    .benefit-item .item-icon { margin: 0 auto 1rem; width: 3rem;}
    .acc-header { font-size: 1rem;}
    
    .mc4wp-form-fields { display: block;}
    .mc4wp-form-fields .form-item { margin-bottom:1.125rem;}
    .mc4wp-form-fields .form-submit { margin-left: 0;}
    .mc4wp-form-fields .form-submit .btn { width: 100%;}
    
    .contest-item .contest-entry { font-size: 0.7rem;}
    .contest-item > img { height: 4rem;}
    .contest-item .contest-caption { min-height: 4rem;}
    
    .footer-menu li a { display: block; padding: 0.25rem 0;}
    .footer-menu .sub-menu { margin-top:1.5rem;}
}
@media screen and (max-width:400px) {
    .author-photo img { width: 21.5rem; height: 21.5rem;}

    .alignright { max-width: 45vw;}
    .alignleft { max-width: 45vw;}
}

/* additional margin for anchor link */
#join_section {
    scroll-margin-top: calc(10vh + 20px);
}

@media (max-width: 767px) {
	#join_section {
    	scroll-margin-top: calc(20vh + 20px);
	}
}

#site-support-popup { all: initial; font-family: 'Fira Sans', sans-serif; position: fixed; top: 0; left: 0; right: 0; bottom: 0; pointer-events: none; z-index: 10000;}
#site-support-popup * { box-sizing: border-box;}
#site-support-popup .support-popup { pointer-events: auto;}
#site-support-popup .support-popup { position: fixed; bottom: 0; left: 0; right: 0; background: #eef1f5; box-shadow: 0 -2px 12px rgba(0, 0, 0, 0.15); border-top: 1px solid #4B4E6D; z-index: 1000; transform: translateY(100%); transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1); font-family: 'Fira Sans', sans-serif; }
#site-support-popup .support-popup.show { transform: translateY(0); }
#site-support-popup .support-popup h2 { font-family: 'Merriweather', serif; font-size: 2em;}
#site-support-popup .popup-container { max-width: 1200px; margin: 0 auto; padding: 24px; display: flex; align-items: stretch; gap: 20px; position: relative;}
#site-support-popup .popup-logo { width: 190px; flex-shrink: 0;}
#site-support-popup .popup-content-wrapper { flex: 1; min-width: 0; display: flex; flex-direction: column; border-left: 2px solid #ddd; padding-left: 20px;}
#site-support-popup .popup-content { flex: 1; min-width: 0; max-width: 480px;}
#site-support-popup .popup-title { font-weight: 700; color: #1a1a1a; margin-bottom: 8px; line-height: 1.2;}
#site-support-popup .popup-text { font-size: 1em; line-height: 1.4; color: #333;}
#site-support-popup .popup-text-mobile { display: none;}
#site-support-popup .popup-highlight, #site-support-popup mark { background: #fff200; padding: 0 2px;}
#site-support-popup .popup-actions { flex-shrink: 0; display: flex; gap: 12px; align-items: center; margin-top: 6px;}
#site-support-popup .popup-actions a { box-shadow:none;}
#site-support-popup .support-btn { background: #fff200; color: #1a1a1a; padding: 12px 24px; border: none; border-radius: 24px; font-size: 1em; font-weight: 700; cursor: pointer; transition: all 0.2s ease; text-align: center; display: inline-block;}
#site-support-popup .support-btn:hover { background-color: #1a1a1a; color: #eef1f5; transform: translateY(-1px);}
#site-support-popup .collapse-btn, #site-support-popup .expand_btn { background: #D8DFE8; border: none; position: absolute; top: 20px; right: 200px; font-size: 2em; color: #666; cursor: pointer; padding: 8px; border-radius: 50%; transition: all 0.2s ease; align-items: center; justify-content: center; width: 50px; height: 50px; transform: rotate(90deg);}
#site-support-popup .collapse-btn { display: flex;}
#site-support-popup .expand_btn { display: none;}
#site-support-popup .close-text { display: none; background: none; border: none; color: #666; cursor: pointer; font-size: 0.9em; padding: 4px 8px; transition: color 0.2s ease; position: absolute; top: 25px; right: 40px;}
#site-support-popup .close-text:hover { color: #333;}
#site-support-popup .support-popup.collapsed .popup-text { display: none;}
#site-support-popup .support-popup.collapsed .popup-container { padding: 16px 24px;}
#site-support-popup .support-popup.collapsed .popup-content { max-width: none;}
#site-support-popup .support-popup.collapsed .collapse-btn {display: none;}
#site-support-popup .support-popup.collapsed .close-text { display: inline-block; right: 20px;}
#site-support-popup .support-popup.collapsed .expand_btn { display: flex;}
#site-support-popup .close-btn { background: none; border: none; position: absolute; top: 20px; right: 40px; font-size: 2.5em; color: #666; cursor: pointer; padding: 8px; border-radius: 50%; transition: all 0.2s ease; display: none; align-items: center; justify-content: center; width: 50px; height: 50px;}
#site-support-popup .close-btn:hover { color: #666; background-color: #D8DFE8;}

@media (max-width: 768px) { 
    #site-support-popup .popup-container { padding: 20px 16px; flex-direction: column; gap: 16px; align-items: center;}
    #site-support-popup .popup-content-wrapper { border-left: none; padding-left: 0; margin-top: 30px;}
    #site-support-popup .popup-text, #site-support-popup .popup-logo { display: none;}
    #site-support-popup .popup-text-mobile { display: block; line-height: 1.4; color: #333;}
    #site-support-popup .support-popup h2 { max-width: 80%;}
    #site-support-popup .popup-actions { width: 100%; justify-content: center;}
    #site-support-popup .support-btn { flex: 1; max-width: 280px; padding: 14px 24px;}
    #site-support-popup .close-text { display: none !important;}
    #site-support-popup .collapse-btn { display: flex; position: absolute; top: 15px; right: 15px; font-size: 1.8em; width: 40px; height: 40px; transform: rotate(90deg);}
    #site-support-popup .close-btn { display: none;}
    #site-support-popup .support-popup.collapsed { transform: translateY(100%);}
}