/**
 * @file
 * Subtheme specific CSS.
 */

nav#toolbar-bar,
.toolbar-tab,
.toolbar .toolbar-item,
.toolbar-tray-horizontal {
    height: 52px;
}

body.toolbar-horizontal #navbar-top.fixed-top, 
body.toolbar-vertical #navbar-top.fixed-top, 
body.toolbar-vertical.toolbar-tray-open #navbar-top.fixed-top, 
body.toolbar-horizontal #navbar-main.fixed-top, 
body.toolbar-vertical #navbar-main.fixed-top, 
body.toolbar-vertical.toolbar-tray-open #navbar-main.fixed-top {
    top: 52px;
}

body.toolbar-horizontal.toolbar-tray-open #navbar-main.fixed-top {
    top: 104px;
}



body {
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    color: #2E5E44;
    font-size: 15px;
}

img {
    max-width: 100%;
    height: auto;
}

#main-wrapper a, #main-wrapper a:hover, #main-wrapper a:focus, #main-wrapper a:visited,
.footer a, .footer a:hover, .footer a:focus, .footer a:visited {
    color: #CF7C50;
    text-decoration: none;
    font-weight: 500;
}
#navbar-top a:hover,
#main-wrapper a:hover,
.footer a:hover {
    opacity: 0.8;
}

#page {
    padding-top: 52px;
}
#navbar-main {
    background-color: #2E5E44;
    border-bottom: 3px solid #fff;
    padding: 0 15px;
}

.navbar-collapse {
    min-height: 52px;
    justify-content: space-between !important;
}

.navbar-collapse .logo.navbar-btn {
    margin: 0;
}

.navbar-collapse .logo img {
    height: 42px;
    margin: 5px;
}

.region-header-form {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

/* main menu */

button.navbar-toggler:focus {
    box-shadow: none;
}


.navbar-collapse .nav-link {
    color: #fff;
    font-size: 15px;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    height: 52px;
    font-weight: 700;
    line-height: 20px;
}

.navbar-nav .nav-link {
    text-decoration: none;
}

.navbar-nav .nav-link:hover {
    text-decoration: underline;
}

.navbar-toggler {
    border: 0;
}
.navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='%23fff' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.navbar-form {
    display: none;
}

/*
a.nav-link--::before,
a.nav-link--user::before,
.navbar a.nav-link--user-login::before,
.navbar a.nav-link--user-logout::before,
a.nav-link--en::before,
a.nav-link--en-user::before,
.navbar a.nav-link--en-user-login::before,
.navbar a.nav-link--en-user-logout::before  {
    background-position: 0 0;
    visibility: visible;
}
*/

/*
a.nav-link--,
a.nav-link--user,
.navbar a.nav-link--user-login,
.navbar a.nav-link--user-logout,
a.nav-link--en,
a.nav-link--en-user,
.navbar a.nav-link--en-user-login,
.navbar a.nav-link--en-user-logout  {
    visibility: hidden;
    width: 2.5em;
}
*/



/*
nav a.nav-link--,
nav a.nav-link--user,
nav a.nav-link--user-login,
nav a.nav-link[data-drupal-link-system-path="user/logout"]::before {
    background-position: 0 4px;
}
*/

a.nav-link[data-drupal-link-system-path="<front>"],
a.nav-link[data-drupal-link-system-path="user"],
.navbar a.nav-link[data-drupal-link-system-path="user/login"],
.navbar a.nav-link[data-drupal-link-system-path="user/logout"]  {
    visibility: hidden;
    width: 2.5em;
}


.navbar a.nav-link[data-drupal-link-system-path="<front>"]::before,
nav a.nav-link[data-drupal-link-system-path="<front>"]::before,
.navbar a.nav-link[data-drupal-link-system-path="user"]::before,
nav a.nav-link[data-drupal-link-system-path="user"]::before,
.navbar a.nav-link[data-drupal-link-system-path="user/login"]::before,
nav a.nav-link[data-drupal-link-system-path="user/logout"]::before,
.navbar a.nav-link[data-drupal-link-system-path="user/login"]::before,
nav a.nav-link[data-drupal-link-system-path="user/logout"]::before {
    display: inline-block;
    content: "";
    background-repeat: no-repeat;
    -webkit-background-size: 1rem 1rem;
    background-size: 1rem 1rem;
    background-position: 0 0;
    width: 1.5rem;
    height: 1.2rem;
    visibility: visible;
}

.navbar a.nav-link[data-drupal-link-system-path="<front>"]::before,
nav a.nav-link[data-drupal-link-system-path="<front>"]::before {
    background-image: url('data:image/svg+xml,<svg class="bi bi-house" width="1em" height="1em" viewBox="0 0 16 16" fill="white" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M2 13.5V7h1v6.5a.5.5 0 00.5.5h9a.5.5 0 00.5-.5V7h1v6.5a1.5 1.5 0 01-1.5 1.5h-9A1.5 1.5 0 012 13.5zm11-11V6l-2-2V2.5a.5.5 0 01.5-.5h1a.5.5 0 01.5.5z" clip-rule="evenodd"/><path fill-rule="evenodd" d="M7.293 1.5a1 1 0 011.414 0l6.647 6.646a.5.5 0 01-.708.708L8 2.207 1.354 8.854a.5.5 0 11-.708-.708L7.293 1.5z" clip-rule="evenodd"/></svg>');
}

.navbar a.nav-link[data-drupal-link-system-path="user"]::before,
nav a.nav-link[data-drupal-link-system-path="user"]::before {
    background-image: url('data:image/svg+xml,<svg class="bi bi-person-check" width="1em" height="1em" viewBox="0 0 16 16" fill="white" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M11 14s1 0 1-1-1-4-6-4-6 3-6 4 1 1 1 1h10zm-9.995-.944v-.002.002zM1.022 13h9.956a.274.274 0 00.014-.002l.008-.002c-.001-.246-.154-.986-.832-1.664C9.516 10.68 8.289 10 6 10c-2.29 0-3.516.68-4.168 1.332-.678.678-.83 1.418-.832 1.664a1.05 1.05 0 00.022.004zm9.974.056v-.002.002zM6 7a2 2 0 100-4 2 2 0 000 4zm3-2a3 3 0 11-6 0 3 3 0 016 0zm6.854.146a.5.5 0 010 .708l-3 3a.5.5 0 01-.708 0l-1.5-1.5a.5.5 0 01.708-.708L12.5 7.793l2.646-2.647a.5.5 0 01.708 0z" clip-rule="evenodd"/></svg>');
}

.navbar a.nav-link[data-drupal-link-system-path="user/login"]::before,
nav a.nav-link[data-drupal-link-system-path="user/login"]::before {
    background-image: url('data:image/svg+xml,<svg class="bi bi-unlock" width="1em" height="1em" viewBox="0 0 16 16" fill="white" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M9.655 8H2.333c-.264 0-.398.068-.471.121a.73.73 0 00-.224.296 1.626 1.626 0 00-.138.59V14c0 .342.076.531.14.635.064.106.151.18.256.237a1.122 1.122 0 00.436.127l.013.001h7.322c.264 0 .398-.068.471-.121a.73.73 0 00.224-.296 1.627 1.627 0 00.138-.59V9c0-.342-.076-.531-.14-.635a.658.658 0 00-.255-.237A1.122 1.122 0 009.655 8zm.012-1H2.333C.5 7 .5 9 .5 9v5c0 2 1.833 2 1.833 2h7.334c1.833 0 1.833-2 1.833-2V9c0-2-1.833-2-1.833-2zM8.5 4a3.5 3.5 0 117 0v3h-1V4a2.5 2.5 0 00-5 0v3h-1V4z" clip-rule="evenodd"/></svg>');
}

.navbar a.nav-link[data-drupal-link-system-path="user/logout"]::before,
nav a.nav-link[data-drupal-link-system-path="user/logout"]::before {
    background-image: url('data:image/svg+xml,<svg class="bi bi-lock" width="1em" height="1em" viewBox="0 0 16 16" fill="white" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M11.5 8h-7a1 1 0 00-1 1v5a1 1 0 001 1h7a1 1 0 001-1V9a1 1 0 00-1-1zm-7-1a2 2 0 00-2 2v5a2 2 0 002 2h7a2 2 0 002-2V9a2 2 0 00-2-2h-7zm0-3a3.5 3.5 0 117 0v3h-1V4a2.5 2.5 0 00-5 0v3h-1V4z" clip-rule="evenodd"/></svg>');
}


.dropdown-menu {
    font-size: 14px;
    text-align: left;
    list-style: none;
}

ul.dropdown-menu,
.dropdown-item {
    padding: 5px 0;
}

.dropdown-menu > li > a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333333;
    white-space: nowrap;
    text-decoration: none;
}

.dropdown-item:focus,.dropdown-item:hover {
    color: #262626;
    text-decoration: none;
    background-color: #f5f5f5;
}


.dropdown-item.active,.dropdown-item:active {
    color: inherit;
    background-color: transparent;
}
.nav-item .dropdown-item a.active {
    color: inherit;
    text-decoration: underline;
}

.dropdown-toggle::after {
    margin-left: 0;
    vertical-align: unset;
    border: 0;
    content: "\f107";
    font-family: 'FontAwesome';
    padding-left: 5px;
    font-size: 12px;
}
.dropdown-menu .menu-item--expanded>a:after {
    display: block;
    float: right;
    width: 0;
    height: 0;
    border: 0;
    margin: 0;
    content: "\f105";
    font-family: 'FontAwesome';
    padding-left: 5px;
    font-size: 12px;
}

.dropdown-menu .menu-item--expanded:hover>a:after {
    visibility: visible;
}

.dropdown-menu .menu-item--expanded > .dropdown-menu {
    top: -5px;
    -webkit-border-radius: 0.375rem;
    -moz-border-radius: 0.375rem;
    border-radius: 0.375rem;
}


/* user menu */
.menu--account .nav-link {
    font-size: 10px;
}

.menu--account .nav-link:hover {
    opacity: 0.8;
}

.navbar a.nav-link[data-drupal-link-system-path="user/logout"] {
    visibility: hidden;
    width: 2.5em;
}


.block-language .nav-link {
    padding: 15px 6px;
}

.block-language .nav-link .language-link {
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
}

.language-link.is-active,
.nav-link .language-link:hover {
    opacity: 0.8;
}

.navbar-nav .nav-link.active,
.navbar-nav .show > .nav-link {
  color: #fff;
}


.region-top-header .block-language {
    display: block;
    position: fixed;
    top: 0px;
    right: 0;
    z-index: 1040;
}


.region-top-header .block-language .nav-link .language-link {
    font-size: 18px;
    font-weight: 600;
    text-shadow: 0 0 transparent;
}

/* search */

header #search-block-form {
    padding-right: 0;
}

.search-block-form .form-type-search,
.search-block-form .form-actions {
    margin: 0 !important;
}

form.search-block-form {
    display: flex;
    gap: 5px;
}

.search-block-form  input::placeholder {
    color: gray;
    opacity: 0.5;
    font-size: 0.8em;
}

.region-header-form .block-search-form-block {
    position: absolute;
    background: #fff;
    padding: 15px 10px;
    right: 80px;
    top: 50px;
    border-top: 3px solid #00535e;
    z-index: 999999;
    box-shadow: 0px 3px 5px 3px rgba(0,0,0,0.20);
    -webkit-box-shadow: 0px 3px 5px 3px rgba(0,0,0,0.20);
    -moz-box-shadow: 0px 3px 5px 3px rgba(0,0,0,0.20);
}

#start-search .svg-inline--fa {
    font-size: 16px;
    color: #fff;
    padding-left: 3px;
}
#close-search .svg-inline--fa {
    font-size: 20px;
    height: 19px;
    width: 16px;
    font-size: 25px;
    color: #cf9421;
}

.region-header-form .block-search-form-block {
    visibility: hidden;
    opacity: 0;
    width: 0;
    height: 0;
}

#close-search {
    display: none;
}

#start-search,
#close-search {
    cursor: pointer;
}

.region-header-form.active-search .block-search-form-block {
    visibility: visible;
    opacity: 1;
    height: auto;
    width: auto;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}

.region-header-form.active-search #close-search {
    display: block;
}

.region-header-form.active-search #start-search {
    display: none;
}


/* search vege */

.inline__links .nav-link {
    color: #2E5E44;
    padding: 0;
}

#navbar-top {
    justify-content: center;
}
.path-frontpage #navbar-top {
    height: 90vh;
    width: auto;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-position: 0% 0%;
    background-repeat: no-repeat;
    position: relative;
    background-attachment: fixed;
    background-image: url("/themes/custom/ecolres_st/images/pilis_mobil.jpg");
    text-shadow: 2px 2px #000;
}
.region-top-header {
    width: 750px;
    padding: 15px;
    text-align: center;
}

.navbar-brand {
    font-size: 30px;
    line-height: 1.3em;
    font-variant: small-caps;
    color: #2E5E44;
    font-weight: 500;
    padding: 15px;
    white-space: wrap;
    margin: 0;
}

.site-name-slogan {
    display: block !important;
    font-weight: 700;
    margin: 15px 15px 0;
}

.path-frontpage .navbar-brand,
.path-frontpage .site-name-slogan {
    color: #fff;
}

h1.title {
    color: #CF7C50;
    border-bottom: 2px solid #CF7C50;
    padding-bottom: 9px;
    margin: 40px 0 20px;
    font-size: 36px;
}

h2 {
    font-size: 30px;
}
.row > h3, h3 {
    font-size: 24px;
    margin: 20px 0 10px;
}

h4 {
    font-size: 18px;
}

.ok-logo {
    text-align: center;
}

.ok-logo img {
    width: 300px;
}

.node__content {
    font-size: 1rem;
}

/* footer */

.site-footer {
    margin-top: 60px;
}

.site-footer .container {
    padding: 0;
    max-width: 100%;
} 

.site-footer__top {
    background: #2E5E44;
    color: #b8e4a6;
    padding: 30px 15px;
}

.site-footer__top .region {
    padding: 0 30px;
}

.site-footer__top .region-footer-second {
    display: block;
    padding-top: 1em;
}

.site-footer .nav {
    display: block;
}

.site-footer__top .nav-link,
.site-footer__top .nav-link:hover {
    color: #fff;
    padding: 0;
}

.site-footer .nav-link:hover,
.site-footer .nav-link:focus {
    opacity: 0.7;
}

.site-footer .nav-item {
    border-bottom: 0;
    text-align: left;
}

.site-footer__top h2 {
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    margin: 0 0 0.5rem;
    border: 0;
    padding: 0;
    text-transform: none;
    text-align: left;
}


.site-footer .block.menu--account {
    margin-bottom: 1em;
}


.site-footer .navbar-nav {
    margin: 1em 0;
}

.site-footer .oklogo {
    display: none;
}


.site-footer .logok {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.site-footer .svg {
    min-width: 100px;
    margin-right: 10px;
}


.site-footer__bottom .logok img {
    max-height: 100px;
}

.site-footer__bottom .logok {
    align-items: center;
    gap: 20px; 
    margin-bottom: 40px;
}

.site-footer .block {
    margin: 0;
    border: 0;
    padding: 0;
  
}

.region-footer-fourth .nav {
    display: block;
}

.site-footer__bottom {
    background: #fff;
    padding: 0 15px;
    margin-top: 0px;
}

.site-footer__bottom .content {
    padding: 0;
}

.site-footer,
.am  {
    text-align: center;
}

.site-footer__bottom .field--type-text-with-summary img {
    margin: 0;
}

.site-footer .content {
    font-size: .9rem;
    color: #333;
}
.site-footer .content a, 
.site-footer .content a.is-active,
.site-footer .content a:hover, 
.site-footer .content a:focus {
  color: #2E5E44;
}

/* footer vege */


.view-filters label {
    display: none;
}

@media (max-width: 767px) {

h1, h1.title,
.navbar-brand {
    font-size: 20px;
}
h2, h3, .row > h2, .row > h3 {
    font-size: 18px;
}

.navbar {
    align-items: flex-start;
}

.highlighted .search-block-form {
    display: block;
}
.path-frontpage .highlighted .search-block-form {
    margin-top: 1em;
}

.dropdown-item .dropdown-menu {
    padding-left: 1em;
}

}

@media (min-width: 768px) {

header #search-block-form {
    padding: 0;
}

.highlighted .search-block-form,
.region-top-header .block-language {
    display: none;
}

.navbar-form {
    display: block;
}

.navbar-collapse .nav-link {
    padding: 15px;
}
.block-language .nav-link {
    padding: 15px 6px;
}
.navbar-nav .nav-link {
    border-left: 3px solid transparent;
}

.navbar-nav .nav-link:hover {
    border-left: 3px solid #fff;
    text-decoration: none;
}

.path-frontpage #navbar-top {
/*
    height: calc(100vh - 55px);
*/
    background-position: 0% 90%;
    background-image: url("/themes/custom/ecolres_st/images/pilis.jpg");
}

.path-frontpage .region-top-header {
    max-width: 70%;
    margin: 0 auto 20px;
}

.region-top-header .ok-logo {
    padding: 35px 0;
}

.region-top-header .ok-logo img {
    width: 350px;
}

.site-footer__top .region {
    width: 50%;
}

.site-footer__top .region-footer-second,
.site-footer__top .region-footer-third {
    border-left: 2px solid #fff;
    padding-top: 0;
}

.site-footer .logok {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-end;
    gap: 20px;
    margin-bottom: 40px;
}

}

@media (min-width: 992px) {

.region-top-header {
    width: 970px;
}

}


@media (min-width: 1200px) {

.region-top-header {
    width: 1170px;
}

#main.container {
    width: 1170px;
}

}