/*!
Theme Name: FANA bg
Theme URI: http://underscores.me/
Author: Vel
Author URI: https://vhg-design.com
Description: Custom theme fo FANA bg
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: fana_bg
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

FANA bg is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
html{line-height:1.15;-webkit-text-size-adjust:100%}
body{margin:0}
main{display:block}
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;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:-.25em}
sup{top:-.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:0;border:none;margin:0}
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}
*,::before,::after{box-sizing:inherit}
html{box-sizing:border-box}
body,button,input,select,optgroup,textarea{color:#404040;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;font-size:1rem;line-height:1.5}
h1,h2,h3,h4,h5,h6{clear:both}
p{margin-bottom:1.5em}
dfn,cite,em,i{font-style:italic}
blockquote{margin:0 1.5em}
address{margin:0 0 1.5em}
pre{background:#eee;font-family:"Courier 10 Pitch",courier,monospace;line-height:1.6;margin-bottom:1.6em;max-width:100%;overflow:auto;padding:1.6em}
code,kbd,tt,var{font-family:monaco,consolas,"Andale Mono","DejaVu Sans Mono",monospace}
abbr,acronym{border-bottom:1px dotted #666;cursor:help}
mark,ins{background:#fff9c0;text-decoration:none}
big{font-size:125%}
body{background:#fff}
hr{background-color:#ccc;border:0;height:1px;margin-bottom:1.5em}
ul,ol{margin:0 0 1.5em}
ul{list-style:disc}
ol{list-style:decimal}
li > ul,li > ol{margin-bottom:0;margin-left:1.5em}
dt{font-weight:700}
dd{margin:0 1.5em 1.5em}
embed,iframe,object{max-width:100%}
img{height:auto;max-width:100%;display:block}
figure{margin:1em 0}
table{margin:0 0 1.5em;width:100%}
html,body{scroll-behavior:smooth;height: 100%;}
@font-face{font-display:swap;font-family:'Playfair Display';font-style:normal;font-weight:700;src:url(fonts/playfair-display-v39-cyrillic-700.woff2) format("woff2")}
a{color:#7fa168;text-decoration:underline}
a:visited{color:purple}
a:hover,a:focus,a:active{text-decoration:none}
a:focus{outline:thin dotted}
a:hover,a:active{outline:0}
button:not(.base),input[type="button"],input[type="reset"],input[type="submit"]{border:1px solid;border-color:#ccc #ccc #bbb;border-radius:3px;background:#e6e6e6;color:#000c;line-height:1;padding:.6em 1em .4em}
button:not(.base):hover,input[type="button"]:hover,input[type="reset"]:hover,input[type="submit"]:hover{border-color:#ccc #bbb #aaa}
button:not(.base):active,button:focus,input[type="button"]:active,input[type="button"]:focus,input[type="reset"]:active,input[type="reset"]:focus,input[type="submit"]:active,input[type="submit"]:focus{border-color:#aaa #bbb #bbb}
input[type="text"],input[type="email"],input[type="url"],input[type="password"],input[type="search"],input[type="number"],input[type="tel"],input[type="range"],input[type="date"],input[type="month"],input[type="week"],input[type="time"],input[type="datetime"],input[type="datetime-local"],input[type="color"],textarea{color:inherit;border:1px solid #7fa168;height:40px;width:100%}
input[type="text"]:focus,input[type="email"]:focus,input[type="url"]:focus,input[type="password"]:focus,input[type="search"]:focus,input[type="number"]:focus,input[type="tel"]:focus,input[type="range"]:focus,input[type="date"]:focus,input[type="month"]:focus,input[type="week"]:focus,input[type="time"]:focus,input[type="datetime"]:focus,input[type="datetime-local"]:focus,input[type="color"]:focus,textarea:focus{color:#111}
select{border:1px solid #ccc}
textarea{width:100%;height:130px}
label{display:block;margin-bottom:5px}
label span.red,.note span.red{color:#d30000}
ul.base{padding: 0;margin: 0;list-style: none;}
.wpcf7-form-control-wrap{display:block}
body:not(.home) .site-header{background-color: #7fa168;}
.main-navigation ul{list-style:none;margin:0;padding-left:0}
.menu-toggle,.main-navigation.toggled ul{display:block}
.site-main .comment-navigation,.site-main
.posts-navigation,.site-main
.post-navigation{margin:0 0 1.5em}
.comment-navigation .nav-links,.posts-navigation .nav-links,.post-navigation .nav-links{display:flex}
.comment-navigation .nav-previous,.posts-navigation .nav-previous,.post-navigation .nav-previous{flex:1 0 50%}
.comment-navigation .nav-next,.posts-navigation .nav-next,.post-navigation .nav-next{text-align:end;flex:1 0 50%}
.sticky{display:block}
.post:not(body),.page:not(body){margin:0 0 1.5em}
.updated:not(.published){display:none}
.page-content,.entry-content,.entry-summary{margin:1.5em 0 0}
.page-links{clear:both;margin:0 0 1.5em}
.comment-content a{word-wrap:break-word}
.bypostauthor{display:block}
.widget{margin:0 0 1.5em}
.widget select{max-width:100%}
.page-content .wp-smiley,.entry-content .wp-smiley,.comment-content .wp-smiley{border:none;margin-bottom:0;margin-top:0;padding:0}
.wp-caption{margin-bottom:1.5em;max-width:100%}
.wp-caption img[class*="wp-image-"]{display:block;margin-left:auto;margin-right:auto}
.wp-caption .wp-caption-text{margin:.8075em 0}
.wp-caption-text{text-align:center}
.gallery{margin-bottom:1.5em;display:grid;grid-gap:1.5em}
.gallery-item{display:inline-block;text-align:center;width:100%}
.gallery-columns-2{grid-template-columns:repeat(2,1fr)}
.gallery-columns-3{grid-template-columns:repeat(3,1fr)}
.gallery-columns-4{grid-template-columns:repeat(4,1fr)}
.gallery-columns-5{grid-template-columns:repeat(5,1fr)}
.gallery-columns-6{grid-template-columns:repeat(6,1fr)}
.gallery-columns-7{grid-template-columns:repeat(7,1fr)}
.gallery-columns-8{grid-template-columns:repeat(8,1fr)}
.gallery-columns-9{grid-template-columns:repeat(9,1fr)}
.gallery-caption{display:block}
.infinite-scroll .posts-navigation,.infinite-scroll.neverending .site-footer{display:none}
.infinity-end.neverending .site-footer{display:block}
.screen-reader-text,.sro{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;word-wrap:normal!important}
.screen-reader-text:focus{background-color:#f1f1f1;border-radius:3px;box-shadow:0 0 2px 2px #0009;clip:auto!important;clip-path:none;color:#21759b;display:block;font-size:.875rem;font-weight:700;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}
#primary[tabindex="-1"]:focus{outline:0}
.alignleft{float:left;margin-right:1.5em;margin-bottom:1.5em}
.alignright{float:right;margin-left:1.5em;margin-bottom:1.5em}
.aligncenter{clear:both;display:block;margin-left:auto;margin-right:auto;margin-bottom:1.5em}
.flex{display:flex}
.grid{display:grid}
.flex.cols-2{gap:20px}
.container{padding:0 20px;max-width:1320px;margin:0 auto}
:where(button.base){padding:0;margin:0;background-color:transparent;border:none}
:where(ul.base){list-style:none;padding:0;margin:0}
:where(h1,h2){font-family:'Playfair Display',serif}
h1{font-size:clamp(1.75rem,1.3333rem + 2.0833vw,3rem)}
h2{font-size:clamp(1.5rem,1.2917rem + 1.0417vw,2.125rem)}
h3{font-size:clamp(1.25rem,1.1667rem + 0.4167vw,1.5rem)}
h4{font-size:clamp(1.125rem,1.0417rem + 0.4167vw,1.375rem)}
h5,h6{font-size:clamp(1rem,0.9167rem + 0.4167vw,1.25rem)}
section.bg{background-color:#f9f9f9;padding-top:30px;padding-bottom:30px}
section:not(.bg){scroll-margin-top:20px}
.btn{padding:7px;text-transform:uppercase;background-color:#7fa168;color:#fff;display:inline-block;min-width:160px;text-align:center;cursor:pointer;transition:all .3s ease-in-out}
.btn:hover{background-color:#000}
.site-header{padding:10px 20px;position:relative;z-index:7}
.site-branding{gap:1em}
.custom-logo-link{width:120px}
#logo-sm{width:320px}
.menu-toggle{display:block;width:32px;height:32px;position:fixed;right:20px;top:30px;z-index:9;cursor:pointer;background-color:#0000008c}
.menu-toggle .line{width:18px;height:2px;background-color:#fff;display:block;margin:4px auto;transition:all .3s ease-in-out}
.main-navigation.toggled button .line:nth-child(2){opacity:0}
.main-navigation.toggled button .line:nth-child(1){transform:translateY(6px) rotate(45deg)}
.main-navigation.toggled button .line:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
#primary-menu,.main-navigation::after{position:fixed;height:100vh;top:0;right:-101%;transition:all .3s ease-in-out;display:block}
#primary-menu{width:80vw;background-color:#fffffff7;padding:100px 50px 20px 20px;overflow-y:auto;display:flex;flex-direction:column;gap:10px;border-radius:40px 0 0 40px;z-index:7;max-width:420px}
.main-navigation::after{content:'';width:100vw;background-color:#0009;z-index:1}
.main-navigation.toggled #primary-menu,.main-navigation.toggled::after{right:0}
.main-navigation ul ul{padding:10px 0 0 15px}
#primary-menu a{display:block;padding:5px}
#primary-menu > li > a{font-weight:700}
#primary-menu ul a{padding-left:20px;position:relative}
#primary-menu ul a::before{content:'\203A';left:5px;position:absolute}
.site-footer{background-color:#7fa168;padding:20px 0;color:#fff}
.site-footer h3{margin-bottom:0;font-size:1em}
.site-footer p{margin-top:0}
.site-footer a{color:#fff;text-decoration:none}
.site-footer a svg{vertical-align:middle;margin-left:5px}
.wpcf7 .form-fields{display:flex;gap:20px;margin-bottom:20px}
body:not(.home) #page {display: flex; flex-direction: column;gap:20px;min-height: 100%;}
body:not(.home) .site-footer{margin-top: auto;}
.entry-title.center{text-align: center;}
body #moove_gdpr_cookie_info_bar{z-index: 76;}
.scroll-top {width: 32px;height: 32px;position: fixed;right: 20px;bottom: 30px;z-index: 77;background-color: rgba(0,0,0,0.6);border-radius: 7px;cursor: pointer;}
.lang-switcher{position: absolute;gap:20px;top: 40px;}
@media screen and (max-width: 559px) {
.site-branding{flex-direction:column;align-items:center}
}
@media screen and (min-width: 560px) and (max-width: 767px) {
    .lang-switcher{right: 20px;top: 80px;}
}
@media screen and (max-width: 767px) {
.flex.cols-2,.wpcf7 .form-fields{flex-direction:column}
}
@media screen and (min-width: 768px) {
.flex-m{display:flex}
.lang-switcher{right: 70px;top: 40px;}
.cols-2 .sub-section{flex-basis:50%}
.site-branding{align-items:center;width:calc(100% - 100px)}
.custom-logo-link{flex:0 0 120px}
#logo-sm{flex:0 0 320px;margin:auto}
.site-footer .flex-m{justify-content:space-between;align-items:center}
.wpcf7 .form-fields{flex-wrap:wrap}
.field-container{flex:1 1 100%}
.blog article {gap:20px}
.blog .entry-title{margin-top: -10px;}
.blog .post-thumbnail{flex:0 0 320px;margin: 0;}
.single .post-thumbnail {max-height: 560px;display: flex}
.single .post-thumbnail img{object-fit: contain;}
.scroll-top{bottom: 100px;}
}
@media screen and (max-width: 1023px) {
    .title-container img{width: 100%;height: 100%;object-fit: cover}
}
@media screen and (min-width: 1024px) {
body{font-size:1.125rem}
.flex-l{display:flex}
body:not(.home) .menu-toggle{top: 50px;}
section.bg{padding-top:60px;padding-bottom:60px}
section:not(.bg){scroll-margin-top:40px}
.custom-logo-link{flex:0 0 170px}
#logo-sm{flex:0 0 360px}
.site-branding{width:calc(100% - 170px)}
.blog .container{gap:20px}
.blog .container .widget-area{flex:0 0 200px}
.blog .container .widget-area .wp-block-heading{margin-top: 0;}
.title-container {flex-direction: row-reverse;align-items: center;justify-content: space-between;gap:20px}
.title-container figure{margin: 0;flex:0 0 50%}
.title-container h1{margin: 0;line-height: 1.15;}
.scroll-top{width: 40px;height: 40px;}
}
@media screen and (min-width: 1280px) {
.flex.cols-2, body:not(.home) #page, .blog .container{gap:40px}
}
@media screen and (min-width: 1400px) {
.scroll-top{bottom: 40px;}
}