.node-header {
    margin: 6px 0;
}
.node-submitted-details {
    color: var(--border);
    font-size: 0.9em;
    line-height: 32px;
}
.node-content .sharelink {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2;
}
.node-content .sharelink a {
    display: block;
    height: 28px;
    padding: 6px;
    overflow: hidden;
    transition: all 0.2s ease-in;
    position: absolute;
    left: calc(100% - 28px);
}
.node-content .sharelink a:hover {
    left: calc(100% - 110px);
}
.node-content .sharelink a:before {
    content: "";
    display: inline-block;
    height: 20px;
    width:20px;
    margin-right: 3px;
    vertical-align: text-bottom;
    background-color: var(--primary);
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3C!--! Font Awesome Pro 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --%3E%3Cpath d='M504 256C504 119 393 8 256 8S8 119 8 256c0 123.78 90.69 226.38 209.25 245V327.69h-63V256h63v-54.64c0-62.15 37-96.48 93.67-96.48 27.14 0 55.52 4.84 55.52 4.84v61h-31.28c-30.8 0-40.41 19.12-40.41 38.73V256h68.78l-11 71.69h-57.78V501C413.31 482.38 504 379.78 504 256z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3C!--! Font Awesome Pro 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --%3E%3Cpath d='M504 256C504 119 393 8 256 8S8 119 8 256c0 123.78 90.69 226.38 209.25 245V327.69h-63V256h63v-54.64c0-62.15 37-96.48 93.67-96.48 27.14 0 55.52 4.84 55.52 4.84v61h-31.28c-30.8 0-40.41 19.12-40.41 38.73V256h68.78l-11 71.69h-57.78V501C413.31 482.38 504 379.78 504 256z'/%3E%3C/svg%3E");
    -webkit-mask-size: 100% auto;
    mask-size: 66% auto;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat round;
}
.node-content .kep-info img {
    border: 1px solid var(--light);
}
.node-content .leiras {
    margin-top: 24px;
}
.node-content .leiras .field__label,
.node-content .kapcsolodo .field__label {
    color: var(--primary);
    margin: 12px 0;
    padding: 6px 0;
    border-bottom: 1px solid;
}
#field_gallery .field__items,
.node-content .kapcsolodo .field-gallery .field__items {
    display: flex;
    flex-wrap: wrap;
    justify-content:center;
}
#field_gallery .field__items .field-item,
.node-content .kapcsolodo .field-gallery .field-item {
    margin:6px;
}
#block-eme-content .headline {
    margin-bottom: 24px;
    position: relative;
    max-width: 520px;
    margin: 0 auto 24px;
}
#block-eme-content .views-field-field-image img {
    width: 100%;
    border: 1px solid var(--light);
}
#block-eme-content .views-field-body {
    margin-bottom: 12px;
}
#block-eme-content .views-field-created,
#block-eme-content .views-field-field-dates {
    font-size: 0.8em;
    color: var(--border);
    font-weight: bold;
    position: absolute;
    line-height: 2;
    bottom: 3px;
}
#block-eme-content .views-field-view-node {
    text-align: right;
    position: relative;
    margin-top: auto;
    font-size: 0.9em;
    font-weight: bold;
}
#block-eme-content .views-field-view-node:before {
    content: "";
    display: block;
    position: absolute;
    height: 2px;
    width: 32px;
    background-color: #CCC;
    top: 50%;
    left: 50%;
    transform:translateX(-50%);
}
#block-eme-content .views-field-view-node a:after {
    content: "";
    display: inline-block;
    height: 16px;
    width: 16px;
    vertical-align: text-bottom;
    transform: rotate(-90deg);
    background-color: var(--primary);
    mask: var(--primary) no-repeat 66% 100%;
    -webkit-mask-image: var(--arrow);
    -webkit-mask-size: 100% auto;
    -webkit-mask-repeat: no-repeat;
}
#block-eme-content header {
    flex: 1 1 100%;
}
#block-eme-content .views-row {
    border: 1px solid #CCC;
    padding: 6px;
    position: relative;
    display: flex;
    flex-direction: column;
    max-width: 350px;
    width: 100%;
    margin: 12px auto;
    flex: 1 1 48%;
}
#block-eme-content .views-row  h2 {
    font-size: 1em;
    font-weight: bold;
}
/* User profiles */
.user-role-member #block-eme-content fieldset .field,
.user-role-member #block-eme-content fieldset .node-taxonomy-container {
    display: grid;
    grid-template-columns: minmax(150px, 1fr) minmax(150px, 2fr);
}
.user-role-member #block-eme-content fieldset .field .field__label,
.user-role-member #block-eme-content fieldset .node-taxonomy-container .term-title {
    color: var(--primary);
    justify-self:end;
    padding-right: 0.5em;
    text-align: right;
}
.user-role-member #block-eme-content fieldset .node-taxonomy-container {
    padding: 0;
    margin-bottom:0.5em;
}


/* Mini calendar */
#block-views-block-frontpage-block-calendar .block-content>div,
#block-views-block-frontpage-block-calendar .block-content>div>div {
    display: flex;
    flex-flow:column;
}
#block-views-block-frontpage-block-calendar .calendar-view-pager__reset {
    display: none;
}
.calendar-view-table {
    border-collapse: separate;
    border-spacing: 0;
}
.calendar-view-table thead,
.calendar-view-table caption{
    display: none;
}
.calendar-view-table tbody {
    background-color: rgba(127,24,32,0.2);
}
.calendar-view-table tr {
    
}
.calendar-view-pager {
    order: -1;
}
.calendar-view-pager .pager__item a {
    background: none;
    width: 32px;
    overflow: hidden;
    padding: 3px;
}
.calendar-view-pager .pager__item {
    padding: 0;
    flex-grow: 0;
    margin-left: 0;
}
.calendar-view-pager__reset a, .calendar-view-pager .pager__item > * {
    padding: 0;
}
.calendar-view-pager .pager__current {
    flex-grow: 1;
}
.calendar-view-pager .pager__previous a,
.calendar-view-pager .pager__next a{
    width: 32px;
    height: 32px;
}
.calendar-view-pager .pager__previous a:before {
    content:"";
    height: 26px;
    width: 26px;
    background-color: var(--primary);
    display: inline-block;
    transform: rotate(90deg);
    -webkit-mask-image: var(--arrow);
    -webkit-mask-size: 66% auto;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: 50%;
    mask: var(--arrow) no-repeat 66% 50%;
}
.calendar-view-pager .pager__next a:before {
    content:"";
    height: 26px;
    width: 26px;
    content: "";
    background-color: var(--primary);
    display: block;
    transform: rotate(-90deg);
    -webkit-mask-image: var(--arrow);
    -webkit-mask-size: 66% auto;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: 50%;
    mask: var(--arrow) no-repeat 66% 50%;
}

.calendar-view-table td {
    padding: 0;
    min-height: unset;
    border: 1px solid #FFF;
}
.calendar-view-table td.today {
    border-color: var(--primary);
    box-shadow: 0px 0px 3px #FFF;
    transform: scale(1.066);
    background-color: #fcdec0;
}
.calendar-view-table td.has-event {
    background-color: var(--primary);
    cursor: pointer;
}
.calendar-view-table td.has-event .calendar-view-day__number{
    color: #FFF;
}
.calendar-view-table td.has-event.today {
    background-color: #bc5751;    
} 
.calendar-view-table .calendar-view-day {
    padding: 0;
}
.calendar-view-table .calendar-view-day__rows {
    display: none;
}
.calendar-view-table .calendar-view-day__number {
    margin: 0;
    padding: 3px;
    width: 100%;
    height: 30px;
    display: block;
    background: none;
    color: var(--primary);
    font-size: 0.7em;
    text-align: left;
    cursor: unset;
}
.calendar-view-table .next-month .calendar-view-day__number,
.calendar-view-table .previous-month .calendar-view-day__number {
    background: none;
}
/* Next events */
.kovetkezo .views-row {
    margin: 12px 0;
}
.kovetkezo .views-field-created,
.kovetkezo .views-field-field-dates {
   font-size: 0.8em;
    color: var(--border);
}
.kovetkezo h4 {
    font-size: 1em;
    margin: 0;
}
.kovetkezo h4 a {
    color: var(--color-text);
}
.kovetkezo .views-field-view-node {
    font-size: 0.9em;
    text-align: right;
    padding-right: 3px;
    position: relative;
}
.kovetkezo .views-field-view-node:before {
    content: "";
    display: block;
    height: 2px;
    width: 32px;
    background-color: #FFF;
    position:absolute;
    top: 50%;
}
.kovetkezo .views-field-view-node a:after {
    content: "";
    background-color: var(--primary);
    display: inline-block;
    width: 22px;
    height: 22px;
    vertical-align: middle;
    transform: rotate(-90deg);
    position: relative;
    -webkit-mask-image: var(--arrow);
    -webkit-mask-size: 66% auto;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: 50%;
    mask: var(--arrow) no-repeat 66% 50%;
}
#block-eme-content footer {
    grid-column: 1 / span 3;
    margin: 0 auto;
    width: min-content;
    flex: 1 1 100%;
    text-align: center;
}
.more-link {
    position: relative;
    text-align: center;
    border: 2px solid #FFF;
}
#block-eme-content .more-link {
    border-color: var(--border);
    display: inline-block;
}
.more-link a {
    display: block;
    padding: 6px 12px 6px 6px;
    font-size: 0.9em;
}
#block-eme-content .more-link a {
    display: block;
    padding: 6px 36px 6px 36px;
    font-size: 1em;
}
.more-link a:before {
    content: "";
    display: block;
    height: 2px;
    width: 16px;
    background-color: #FFF;
    position:absolute;
    top: 50%;
}
#block-eme-content .more-link a:before {
    left: 6px;
    background-color: var(--border);
}
.more-link a:after {
    content: "";
    background-color: var(--primary);
    display: inline-block;
    height: 22px;
    width: 22px;
    transform: rotate(-90deg);
    position: absolute;
    margin-left: 6px;
    -webkit-mask-image: var(--arrow);
    -webkit-mask-size: 66% auto;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: 50%;
    mask: var(--arrow) no-repeat 66% 50%;
}
/* Right sidebar banners */
#block-views-block-bannerek-block-1 {
    text-align: center;
}
.cookiesjsr-banner {
    background-color: var(--primary);
}
.cookiesjsr-btn {
    background-color: var(--primary);
}
.cookiesjsr-btn.important {
    color: var(--primary);
}
.cookiesjsr-service-group.active .cookiesjsr-service-group--content {
    background-color: var(--primary);
}
.cookiesjsr-service-group.active .cookiesjsr-service-group--tab {
    background-color: var(--primary);
}
.cookiesjsr-btn.important.invert {
    background-color: var(--primary);
    border-color: var(--primary);
}
.cookiesjsr-btn.invert {
    color: var(--primary);
    border-color: var(--primary);
}

/* Member form */
#user-register-form .form-details-wrapper {
    max-width: 600px;
}
#user-register-form .choices {
    width: 100%;
}
@media (min-width: 768px) {
    #edit-field-telepules-magyar-neve-wrapper,
    #field_telepules_magyar_neve-translation-wrapper,
    #edit-field-megye-wrapper,
    #field_megye-translation-wrapper,
    #edit-field-telepules-levelezes-wrapper,
    #edit-field-telepules-levelezes-translation-wrapper,
    #edit-field-megye-levelezes-wrapper,
    #field_megye_levelezes-translation-wrapper {
        width: 49%;
        display: inline-flex;
    }
    #user-register-form .field--widget-choices-widget .form-item,
    #field_telepules_magyar_neve-translation-wrapper .form-item{
        flex-grow: 1;
    }
}
#field_telepules_magyar_neve-translation-wrapper label,
#field_megye-translation-wrapper label{
    color: #ccc;
}

@media (min-width: 768px) {
     #block-eme-content .headline {
         max-width: unset;
     }
    #block-eme-content .headline:after {
        content:"";
        display:block;
        clear: both;
    }
}
@media (min-width: 996px) {
    #block-eme-content .headline .views-field-field-image {
        width: 48%;
        margin-right: 2%;
        float: left;
    }
    #block-eme-content .headline .views-field-body {
        margin-bottom: 36px;
        margin-left: 50%;
    }
    #block-eme-content .headline .views-field-view-node {
        margin-left: 50%;
        position:absolute;
        bottom:0;
        right: 0;
        width: 50%
    }
    #block-eme-content .headline .views-field-created {
        position: absolute;
        margin-left: 50%;
        bottom: 0;
    }
    #block-eme-content .block-content .viewclass {
        column-gap: 24px;
        display: flex;
        flex-wrap: wrap;
        box-sizing: border-box;
    }
    #block-eme-content .block-content>div>div .views-element-container {
        flex: 1 1 100%;
    }
}
@media (min-width: 1170px) {
    #block-eme-content .views-row {
      flex: 1 1 49%;
    }
}
@media (min-width: 1370px) {
    #block-eme-content .views-row {
      flex: 1 1 31%;
    }
}
/** Mobile (e.g. 48rem = 768px) **/
@media(max-width: 48rem) {
    #block-views-block-frontpage-block-calendar .calendar-view-table thead {
        display: none;
    }
    #block-views-block-frontpage-block-calendar .calendar-view-table,
    #block-views-block-frontpage-block-calendar .calendar-view-table tr,
    #block-views-block-frontpage-block-calendar .calendar-view-table thead,
    #block-views-block-frontpage-block-calendar .calendar-view-table tbody {  
        grid-template-columns: repeat(var(--calendar-view-columns), 1fr);
    }
    #block-views-block-frontpage-block-calendar .calendar-view-table tr {
        grid-column: 1 / -1;
    }
    #block-views-block-frontpage-block-calendar .calendar-view-table .calendar-view-day__number {
        align-self: none;
    }
    #block-views-block-frontpage-block-calendar .calendar-view-pager {
        flex-direction: row;
    }
}