/*
Theme Name: vfkl
Description: child theme of awaken
Template: awaken
Text Domain: vfkl
*/

@import url("../awaken/style.css");

@font-face {
    font-family: 'Cako Regular';
    font-style: normal;
    font-weight: normal;
    src: local('Cako Regular'), url('fonts/CakoRegular.woff') format('woff');
}

html {
    scroll-behavior: smooth;
}

body {
    font-family: 'Archivo', sans-serif;
    font-size: 18px;
    margin: 0;
    padding: 0;
    color: #000;
    overflow-x: hidden;
}

img {
    max-width: 100%;
}

#content p {
    font-family: 'Archivo', sans-serif;
}

a {
    text-decoration: none!important;
    border: none!important;
}

.clearall {
    clear: both;
}

h1, h2, h3, h4, h5, h6 {
   font-family: 'Cako Regular'!important; 
}

.container.container-nopadding {
    padding: 0!important;
}

header.site-header {
    background-color: #065045;
    color: #fff;
    padding-top: 26px;
    margin-bottom: 0px;
}

header.site-header a , header.site-header a:hover {
    color: #fff;
}

/* Nav menu */

.main-navigation {
    background: transparent;
    margin-top: 30px;
}

.awaken-search-button-icon {
    margin-top: 100px;
    color: #065045!important;
}

body.home .main-navigation {
    margin-top: 50px;
}

body.home .awaken-search-button-icon {
    margin-top: 50px;
}

.main-navigation ul:first-child {
    display: inline-block;
    float: left;
    width: 100%;
}

.main-navigation li {
}

.main-navigation li:hover {
    background: transparent;
}

.main-navigation a {
    font-family: 'Archivo', sans-serif;
    letter-spacing: 0.5px;
    color: #1BB895;
    font-size: 14px;
    font-weight: normal!important;
    /* transform: scale(.8,1); */
}

.main-navigation a:hover {
    background: transparent;
    color: #1BB895;
}

.main-navigation li.current-menu-item {
    background: transparent;
}

.main-navigation li.current-menu-item a {
    color: #1BB895;
}

.main-navigation ul ul {
    background-color: #eee;
    padding: 0;
}

.main-navigation ul ul li {
    border-bottom: 1px solid #FFF;
}

.main-navigation ul ul li:hover {
}

.main-navigation ul ul li a {
    color: #333;
}

.main-navigation ul ul li a:hover {
    background-color: #eee;
    color: #065045;
}

.main-navigation ul li:last-child {
    float: right;
}

#awaken-search-form input[type="submit"] {
    background-color: #065045!important;
}

.search-form .search-submit {
    background-color: #065045!important;
}

.aicon_link {
    position: static!important;
}

button.aicon_link {
    width: auto!important;
    height: auto!important;
}

.accessability_container .wah-free-credits a {
    color: #fff!important;
}

img.nav-icon {
    width: 30px;
    height: auto;
}

img.nav-icon-calendar {
    margin-top: 4px;
}

a.nav-icon-link {
    display: inline-block;
    padding: 0;
}

section.no-results {
    margin-top: 50px;
}

body.search .genpost-entry-meta {
    display: none;
}

li.wpml-ls-first-item a::after {
    margin-left: 10px;
    content: "/";
}

li.wpml-ls-first-item {
    margin-left: 20px;
    padding-right: 0;
}

li.wpml-ls-last-item {
    margin-left: -20px;
}

@media (max-width: 1000px) {
    li.wpml-ls-first-item {
        display: inline-block;
    }

    li.wpml-ls-last-item {
        display: inline-block;
    }
    .responsive-mainnav li a {
        color: #fff!important;
    }
    .responsive-mainnav li a {
        color: #fff!important;
    }
    .responsive-mainnav li:hover {
        background-color: #065045;
    }
}

.page-entry-title, .archive-page-title, .search-page-title {
    background: transparent;
    color: #000;
    font-size: 36px;
    line-height: 40px;
    font-weight: 400;
    color: #065045;
    font-family: 'Cako Regular' !important;
    margin: 50px 0 30px 0!important;
    padding: 0!important;
    text-transform: none!important;
}

.page-entry-title, .archive-page-title, .search-page-title span {
    color: #000;
}

.page-entry-header, .archive-page-header, .search-page-header {
    border-bottom: none;
}

/* Home top design */

body:not(.home) .home-top-content {
    display: none!important;
}

.home-top-content {
    background: #065045;
}

.home-top-about-content {
    color: #fff;
}

.home-top-about {
    padding: 30px 0 100px 0;
    font-size: 20px;
    line-height: 30px;
}

.front-more-link {
    color: #1BB895!important;
}

@media (min-width: 1000px) {
    div.home-top-about-content {
        column-count: 2;
        column-gap: 50px;
    }
}

.home-top-about h1 {
    font-family: 'Cako Regular' !important;
    color: #1BB895;
    font-size: 60px;
}

/* Content */

#content a, #content a:hover {
    color: #065045;
}

.content-article-row {
    display: flex;
    flex-wrap: wrap;
}

#content-area-left span {
    color: #1BB895;
    text-transform: capitalize;
    font-size: 40px;
    font-family: 'Cako Regular'!important; 
}

.front-more-news {
    clear: both;
    padding: 14px 0 20px 0;
    border-top: 1px solid #065045;
    width: calc(100% + 20px);
}

.content-article-col {
    flex: 1 1 calc(33.333% - 10px);
    border-left: 1px solid #065045;
    border-right: 1px solid #065045;
    border-bottom: 1px solid #065045;
    padding-top: 20px;
}

.content-article-col .hentry {
    margin: 0;
}

.article-featured-image img {
    width: 100%;
}

.post-list-wrapper {
    display: inline-block;
    margin-bottom: -10px;
}

.more-news {
    border-radius: 20px;
    background: #065045;
}

.site-main .paging-navigation {
    float: right;
    margin-top: 30px;
    padding: 0;
}

.page-numbers li a,  .page-numbers li a:hover, a.page-numbers {
    background: #065045;
}

.page-numbers a {
    color: #fff!important;
}

.page-numbers.current {
    background: #1BB895!important;
}

h2.genpost-entry-title.entry-title {
    margin: 6px 0 24px 0;
}

h2.genpost-entry-title.entry-title.category-else {
    margin: -5px 0 24px 0;
}

.genpost-entry-title a {
    font-size: 28px;
    line-height: 36px;
    color: #065045;
    font-weight: 400;
}

.genpost-entry-content {
    font-size: 16px;
    line-height: 24px;
    margin: 10px 0 20px 0;
}

.general-post-date {
    font-size: 14px;
    font-weight: 500;
}

a.moretag {
    display: block;
    margin-top: 20px;
    font-size: 16px;
    font-weight: 500;
}

.article-left {
    padding: 30px 20px 10px 10px;
}

.article-right {
    padding: 30px 10px 10px 20px;
}

.single-entry-title.entry-title {
    font-size: 36px;
    line-height: 40px;
    font-weight: 400;
    color: #065045;
    font-family: 'Cako Regular'!important; 
    margin-top: 20px;
}

.content-event-col {
    border-left: 1px solid #065045;
    border-right: 1px solid #065045;
    border-top: 1px solid #065045;
}

body.archive .content-event-col {
    border: 1px solid #065045;
    margin-top: 30px;
}

.single-event-data {
    font-size: 22px;
    line-height: 25px;
    font-weight: 700;
    margin-top: -60px;
    padding-bottom: 14px;
    border-bottom: 2px solid #065045;
}

.timeline-container {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    scroll-behavior: smooth; 
    white-space: nowrap; 
    scrollbar-width: none;
    -ms-overflow-style: none;
    cursor: grab;
}

.timeline-container:active, .timeline-container:active .timeline-element-holder, .timeline-container:active .timeline-year {
    cursor: grabbing;  /* Change cursor when dragging */
}

.timeline-container div.timeline-element-holder {
    height: 150px;
    width: 14.2857%;
    min-width: 140px;
    float: left;
    border-bottom: 2px solid #065045;
    border-left: 2px solid #065045;
    padding: 10px 10px 0 20px;
    margin-right: -4px;
    flex: 0 0 auto;
    text-wrap: wrap;
    user-select: none;
    cursor: grab;
}


.timeline-container div.prepare-element-holder {
    font-family: Playfair Display;
    font-size: 30px;
    line-height: 34px;
    height: 150px;
    width: 20%;
    min-width: 226px;
    float: left;
    border-bottom: 2px solid #065045;
    border-left: 2px solid #065045;
    padding: 34px 10px 0 14px;
    text-wrap: wrap;
    cursor: pointer;
    user-select: none;
}

.timeline-container div.prepare-element-holder:last-child {
    border-right: 2px solid #065045;
}

.timeline-container div.prepare-element-holder div {
    /* align-self: center; */
}

.prepare-post-title {
    font-size: 26px;
    font-weight: bold;
    color: #065045;
}

article h5 {
    font-weight: bold;
    font-size: 20px;
    margin-bottom: 6px;
    margin-top: 0;
}

.timeline-container div.timeline-element-holder.active {
    background: #065045;
}

.content-timeline-col {
    border-bottom: 1px solid #065045;
    padding-left: 0;
    padding-right: 0;
}

.timeline-cat-year {
    font-size: 96px;
    line-height: 96px;
    font-weight: 400;
    font-family: 'Cako Regular'; 
    margin-bottom: 30px;
}

.timeline-cat-description {
    font-size: 20px;
    line-height: 24px;
    font-weight: 700;
    color: #065045; 
    text-transform: uppercase;
    margin-bottom: 40px;
}

.timeline-post-title {
    font-size: 20px;
    line-height: 24px;
    font-weight: 600;
}

.timeline-post-content {
    font-size: 20px;
    line-height: 24px;
    font-weight: 300;
}

.timeline-num {
    font-size: 32px;
    line-height: 32px;
    font-weight: 400;
    color: #065045;
}

.timeline-year {
    font-family: Playfair Display;
    font-size: 42px;
    font-weight: 400;
    line-height: 34px;
    color: #000;
    cursor: grab;
}

.timeline-element-holder.active .timeline-num {
    color: #fff;
}

img.timeline-cat-image {
    width: 211px;
    height: auto;
}

blockquote {
    border-left: none!important;
    margin-left: -100px!important;
    margin-top: -30px!important;
    margin-bottom: 0!important;
    background: transparent!important;
    font-weight: 400!important;
    font-size: 32px!important;
    line-height: 36px!important;
    font-family: 'Cako Regular'!important; 
    color: #065045!important;
}

.site-footer {
    background: transparent;
}

.footer-site-info .footer-area-left img {
    width: 110px;
    height: auto;
}

body.home .site-footer {
    margin-top: 0;
}

body.home .footer-site-info {
    margin-top: -4px;
}

.footer-site-info {
    background: #065045;
    color: #065045;
    padding: 30px;
}

.footer-menu-item {
    /* transform: scale(.8,1); */
}

.footer-menu-item {
    display: inline-block;
    margin-right: 50px;
    text-transform: uppercase;
}

.footer-area-right .footer-menu-item:last-child {
    margin-right: 0;
}

.footer-menu-item a, .footer-menu-item a:hover {
    font-family: 'Archivo', sans-serif;
    letter-spacing: 0.5px;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    /* transform: scale(.8,1); */
}

.footer-area-social {
    display: inline-block;
    float: right;
}

.footer-area-social a {
    margin-left: 12px;
}

.footer-area-social img {
    height: 30px;
    width: auto;
}

.footer-area-social img:first-child {
    margin-left: 0;
}

/* Ninja Forms */

.nf-form-content, .nf-field {
    font-family: 'Archivo', sans-serif!important;
    font-size: 16px!important;
}

span.nf-form-title h3 {
    font-size: 32px;
    font-weight: 400;
    color: #065045;
}

span.ninja-forms-req-symbol {
    display: none;
}

.nf-field-element {
    color: #9A9A9A!important;
    font-family: 'Archivo', sans-serif!important;
    font-size: 16px!important;
}

.nf-form-content input[type=checkbox].ninja-forms-field, .nf-form-content input[type=radio].ninja-forms-field {
    color: #9A9A9A!important;
    font-family: 'Archivo', sans-serif!important;
    font-size: 16px!important;
}

.list-checkbox-wrap .nf-field-element li label, .list-image-wrap .nf-field-element li label, .list-radio-wrap .nf-field-element li label {
    color: #9A9A9A!important;
    font-family: 'Archivo', sans-serif!important;
    font-size: 16px!important;
}

.checkbox-container.label-right .field-wrap>div, .checkbox-container.label-right .field-wrap, .nf-form-fields-required {
    color: #9A9A9A;
    font-family: 'Archivo', sans-serif!important;
    font-size: 16px!important;
}

.nf-form-content label {
    font-weight: normal!important;
}

.nf-field input[type=text], .nf-field input[type=email] {
    border: none!important;
    border-bottom: 2px solid #065045!important;
    background: transparent!important;
    color: #9A9A9A!important;
    font-family: 'Archivo', sans-serif!important;
    font-size: 16px!important;
}

.nf-field textarea {
    border: 2px solid #065045!important;
    background: transparent!important;
    color: #9A9A9A!important;
    font-family: 'Archivo', sans-serif!important;
    font-size: 16px!important;
}

.nf-field input[type=button], .nf-field input[type=submit] {
    border: 1px solid #000!important;
    background: transparent!important;
    color: #000!important;
    border-radius: 20px!important;
    padding: 0 12px!important;
    font-family: 'Archivo', sans-serif!important;
    font-size: 16px!important;
    margin-top: 30px;
}

.listradio-container {
    margin-top: -20px;
}

figure.gallery-item {
}

div.gallery-icon {
    display: inline-block;
    padding: 2px 4px;
    background: #e9e9e9;
    border: 2px solid #e0e0e0;
    border-radius: 5px;
}

figure.gallery-item img {
    height: 150px;
    widht: auto;
}

iframe {
    width: 100%;
}

table h3 {
    font-weight: normal;
    font-size: 40px;
    margin: 30px 0;
}

table.tbl-institution, table.tbl-institution td {
    border: none!important;
    padding: 0;
}

td.table-spacing {
    width: 40px;
}

td.table-spacing2 {
    width: 21px;
}

td.td-institution {
    width: 400px!important;
    max-width: calc(50% - 20px)!important;
    color: #fff;
    padding: 0 20px 30px 30px!important;
    font-size: 16px;
}

td.td-institution a {
    color: #fff!important;
}

td.td-institution:first-child {
    background-image: url('images/leveltar.png');
    background-size: 100% auto;
    background-repeat: no-repeat;
}

td.td-institution:nth-child(3) {
    background-image: url('images/konyvtar.png');
    background-size: 100% auto;
    background-repeat: no-repeat;
}

@media (max-width: 768px) {
    table.tbl-institution {
    }
    td.td-institution {
        display: block;
        width: 100%!important;
        max-width: 100%!important;
        padding: 50px 30px!important;
        margin-bottom: 30px;
    }
    td.table-spacing {
        display: none;
    }
}

table.tbl-publication, table.tbl-publication td {
    border: none!important;
    padding: 0;
}

td.td-publication {
    width: 200px!important;
    max-width: calc(33% - 7px)!important;
    word-break: break-word;
    background-color: #1BB895;
    color: #fff;
    text-align: left;
    padding: 16px!important;
    vertical-align: top;
    height: 360px;
    position: relative;
}

td.td-publication:hover {
    background-color: #065045;
}

td.td-publication a {
    color: #fff!important;   
}

td.td-publication a.publication-more {
    position: absolute;
    bottom: 20px;
}

td.td-publication h3 {
    font-size: 24px;
    line-height: 30px;
    margin-top: 0!important;
}

input#partnerek_link, input#partners_link {
    width: 300px!important;
    max-width: 100%;
}

div.partner-item {
    background: #1BB895;
    color: #fff;
    text-align: left;
    position: relative;
    margin-top: 50px;
    padding: 30px 20px;
    height: 300px;
    font-size: 22px;
}

div.partner-item a.partner-more {
    position: absolute;
    bottom: 20px;
    font-size: 16px!important;
}

div.partner-item:hover {
    background: #065045;
}

div.partner-post-title {
    font-family: 'Cako Regular';
    font-weight: bold;
    font-size: 22px;
}

div.partner-item a, .partner-post-title a {
}

article.category-partnerek, article.category-partners, article.category-kiadvanyok, article.category-publications, article.category-palyazati-beszamolok, article.category-tender-reports {
    margin: 30px 0;
    border-bottom: 1px solid #065045;
}

/* Desktop ********************************************************************************* */

@media (min-width: 1001px) {

    header.site-header {
        position: fixed;
        width: 100%;
        z-index: 10;
        transition: 0.3s;
    }
    #content {
        padding-top: 160px;
    }
    header.site-header.sticky-menu {
        padding: 0;
        height: 90px;
    }
    header.site-header.sticky-menu .site-branding img {
        width: 180px;
    }
    header.site-header.sticky-menu nav.main-navigation {
        margin-top: 30px;
    }
    #content.sticky-cnt {
        padding-top: 90px;
    }
    #mobile-topmenu {
        display: none;
    }
    div.partner-item {
        width: calc(33.333% - 20px);
        margin-right: 20px;
        float: left;
    }

    #main div.partner-item:nth-child(3n) {
        margin-right: 0!important;
    }

    nav.main-navigation {
        margin-left: -14px;
    }

    .menu-main-menu-hu-container, .menu-main-menu-en-container {
        float: left;
    }

    .site-branding {
        width: 280px;
        float: left;
    }

    .site-branding img {
        width: 230px;
        height: auto;
        max-width: 100%;
    }

    .main-navigation ul li:last-child {
        margin-right: 30px;
    }

    .awaken-search-button-icon {
    }

    .awaken-navigation-container {
        width: calc(100% - 280px);
        float: right;
    }  
    
    img.dynamic-logo {
    }

    #content-area-left {
        width: 280px;
        padding: 40px 30px 0 0;
        float: left;
        text-align: left;
    }

    #content-area-left span {
        color: #1BB895;
    }

    #content-area-right {
        width: calc(100% - 280px);
        float: right;
    }

    #article-area-left {
        width: 280px;
        float: left;
        text-align: right;
    }

    #article-area-right {
        width: calc(100% - 280px);
        float: right;
    }

    #timeline-area-left {
        width: 280px;
        float: left;
        text-align: left;
        clear: both;
        margin-top: 50px;
    }

    #timeline-area-right {
        width: calc(100% - 290px);
        float: right;
        margin-top: 50px;
    }

    .footer-site-info .footer-area-left {
        width: 280px;
        float: left;
    }

    .footer-site-info .footer-area-right {
        width: calc(100% - 280px);
        float: right;
        padding: 40px 0 20px 0;
    }
}

@media (max-width: 1200px) {
    .footer-site-info .footer-area-left {
        width: 200px;
        float: left;
    }

    .footer-site-info .footer-area-right {
        width: calc(100% - 220px);
        float: right;
        padding: 40px 30px 20px 0;
    }
}


/* Mobile ********************************************************************************** */

@media (max-width: 1000px) {

    .container {
        width: 100%;
    }
    .content-article-row {
        display: block;
        width: 100%;
        margin: 0!important;
    }
    .site-logo {
        display: block;
        float: none;
        text-align: center;
    }
    .site-logo img {
        width: 98%;
        max-width: 500px;
    }
    #menu-main-menu-hu, #menu-main-menu-en {
        border-bottom: 2px solid #fff;
    }
    #mobile-topmenu {
        position: absolute;
        top: 4px;
        right: 10px;
    }
    div.partner-item {
        width: 90%;
        max-width: 400px;
        float: none;
        margin: 30px auto 0 auto;
    }
    .awaken-navigation-container {
        width: 100%!important;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 9999;
    }
    body.home .awaken-search-button-icon, .awaken-search-button-icon {
        margin-top: 0;
    }
    #main-nav-button {
        margin: 0;
    }
    #main-nav-button, #top-nav-button, .responsive-mainnav, .responsive-topnav {
        background: #065045;
    }
    .responsive-mainnav li a {
        padding: 6px 15px;
    }
    .responsive-mainnav li a:hover {
        background: #065045;
    }
    #content-area-left {
        padding: 0;
        margin: 0;
    }
    .content-article-col {
        flex: none;
        border-top: 1px solid #065045;
        border-bottom: 1px solid #065045;
        width: 100%;
        margin: 25px 0;
    }
    .single-event-data  {
        margin-top: 15px;
    }
    table.tbl-publication, table.tbl-publication tbody {
        display: block;
    }
    table.tbl-publication tr {
        display: block;
    }
    table.tbl-publication td {
        display: block;
        width: 90%!important;
        max-width: 300px!important;
        margin: 50px auto;
    }
    blockquote {
        margin: 20px 0 30px 0!important;
        padding: 0!important;
        font-size: 30px!important;
    }
    .footer-area {
        display: grid;
    }
    .footer-site-info .footer-area-left {
        width: 100%;
        float: none;
        text-align: center;
        order: 2;
    }
    .footer-site-info .footer-area-right {
        text-align: center;
        padding: 20px 0;
    }
    .footer-site-info .footer-area-right {
        width: 100%;
        float: none;
        order: 1;
    }
  
}

@media (max-width: 850px) {

    .footer-site-info {
        padding: 0 20px 20px 20px;
    }
    .footer-menu-item {
        margin: 0 10px;
    }
    .footer-area-social {
        width: 100%;
        float: none;
        text-align: center;
        margin-top: 20px;
    }
}


@media (max-width: 600px) {

    .footer-menu-item {
        width: 100%;
        margin: 0 0 6px 0;
    }
    article img {
        width: 100%!important;
        margin: 0 0 12px 0;
    }
}