{{ drupal_view('carosuel', 'block_1') }}
*
$splideWidth: 280px; //autowidth: true;
$splideBG: none;
$splide-arrowBG: $fekete;
$splide-arrowBGHover: $feher;
$splide-arrowFill: $feher;
$splide-arrowFillHover: $fekete;
$splidePadding: 0 20px;
$splideMargin: 0;
.splide {padding: 50px 0;
.splide__arrows {
button {position: absolute; top: 50%; z-index: 1000; background: $splide-arrowBG; border: none; @include padMargin(10px); @include border-radius(3px); @include link; @include flex(); @include shadow($fekete, 10px, 0.2);
svg {width: 40px; height: 100%; fill: $splide-arrowFill;}
&:hover {background: $splide-arrowBGHover;
svg {fill: $splide-arrowFillHover;}
}
}
.splide__arrow--prev {transform: rotate(-180deg) translateY(50%); left: 10px;}
.splide__arrow--next {transform: translateY(-50%); right: 10px;}
}
.splide__track {overflow: unset;}
.splide__slide {@include padMargin($splidePadding, $splideMargin); max-width: $splideWidth; background: $splideBG; overflow: hidden;} //@include border-radius(25px); @include shadow($fekete, 10px, 0.2);
.cim {@include text($feher, unquote("clamp(28px, 6.5vw, 5rem)"), $black, 130%); text-transform: uppercase; @include padMargin(10px 0);}
p {@include text($feher, unquote("clamp(16px, 2.5vw, 20px)"), $regular, 160%); @include padMargin(10px 0);}
.gomb {text-align: left;}
.splide__pagination {width: auto; @include flex(); @include padMargin(0 !important, 0 !important); position: absolute; bottom: 70px; left: 50%; transform: translateX(-50%); list-style: none; z-index: 1000;
li {@include padMargin(0 !important, 0 3px !important);}
button {display: block; width: 12px; height: 12px; @include padMargin(); background: $feher; opacity: 0.5; @include transition(); @include border-radius(50%); border: none; @include link; text-indent: -10000em; &:hover, &.is-active {opacity: 1;}}
}
}*/
}
.not-front #content .tartalom {
width: auto;
max-width: 1320px;
display: block;
padding: 20px 10px;
margin: 0 auto;
clear: both;
position: relative;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
#content h1 {
padding: 10px 0;
margin: 0;
color: #1d317b;
font-size: clamp(34px, 5vw, 3.2rem);
line-height: 140%;
font-weight: 700;
}
#content h2 {
padding: 10px 0;
margin: 0;
color: #1d317b;
font-size: clamp(24px, 4vw, 2.5rem);
line-height: 140%;
font-weight: 700;
}
#content h3 {
padding: 10px 0;
margin: 0;
color: #1d317b;
font-size: clamp(21px, 3vw, 2rem);
line-height: 140%;
font-weight: 600;
}
#content h4 {
padding: 10px 0;
margin: 0;
color: #1d317b;
font-size: clamp(18px, 2vw, 1.75rem);
line-height: 140%;
font-weight: 600;
}
.front #content .main-title {
display: none;
/*@include centerBox();*/
}
.page-taxonomy #content .main-title #page-title {
text-align: left;
font-size: 1.3rem;
color: #000;
padding: 0;
margin: 0;
border-bottom: 1px #000 solid;
}
#content .pipeline {
display: block;
text-align: center;
overflow: hidden;
}
#content .pipeline span {
display: inline-block;
vertical-align: middle;
position: relative;
line-height: 1;
}
#content .pipeline span:before, #content .pipeline span:after {
content: "";
position: absolute;
top: 50%;
height: 1px;
background: #000;
width: 99999px;
}
#content .pipeline span:before {
left: 100%;
margin-left: 20px;
}
#content .pipeline span:after {
right: 100%;
margin-right: 20px;
}
#content blockquote {
width: auto;
max-width: 1320px;
display: block;
padding: 0 10px;
margin: 0 auto;
clear: both;
position: relative;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
color: #666;
font-size: clamp(24px, 5vw, 42px);
line-height: 135%;
font-weight: 400;
text-align: center;
position: relative;
z-index: 100;
}
#content blockquote:before {
content: open-quote;
height: 120px;
color: #989898;
font-size: 380px;
line-height: 75%;
font-weight: 400;
font-family: serif;
position: absolute;
top: 5%;
left: 0;
z-index: -1;
transform: translateY(-50%);
opacity: 0.7;
}
#content blockquote small {
display: block;
color: #666;
font-size: clamp(18px, 4vw, 32px);
line-height: 140%;
font-weight: 400;
text-align: right;
padding-right: 25px;
}
#content blockquote:after {
content: close-quote;
height: 120px;
color: #989898;
font-size: 380px;
line-height: 75%;
font-weight: 400;
font-family: serif;
position: absolute;
bottom: -20px;
right: 0;
z-index: -1;
opacity: 0.7;
}
#content #block-nfct-primary-local-tasks {
width: auto;
max-width: 1320px;
display: block;
padding: 0 10px;
margin: 0 auto;
clear: both;
position: relative;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
#content #block-nfct-primary-local-tasks ul {
padding: 5px 0;
margin: 0;
border: none;
list-style: none;
}
#content #block-nfct-primary-local-tasks ul li {
display: inline-block;
vertical-align: top;
padding: 5px 0;
margin: 0;
}
#content #block-nfct-primary-local-tasks ul li a {
color: #000;
font-size: 1rem;
line-height: 125%;
font-weight: 300;
padding: 15px 50px 15px 20px;
margin: 0 auto;
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
-ms-border-radius: 25px;
border-radius: 25px;
width: auto;
height: auto;
background: #e6e6e6;
text-align: center;
border: none;
display: inline-block;
vertical-align: middle;
text-decoration: none;
outline: none;
cursor: pointer;
position: relative;
overflow: hidden;
/*Nyilak: - https://yoksel.github.io/url-encoder/
- vastagabb: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m14.707 12.707-4 4a1 1 0 0 1-1.414-1.414L12.586 12 9.293 8.707a1 1 0 1 1 1.414-1.414l4 4a1 1 0 0 1 0 1.414z' style='fill:%23000000'/%3E%3C/svg%3E");
- vékonyabb: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3E%3Cpath d='M9 18L15 12L9 6' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); */
}
#content #block-nfct-primary-local-tasks ul li a:hover, #content #block-nfct-primary-local-tasks ul li a.active {
color: #fff;
background: #ed1c24;
}
#content img {
max-width: 100% !important;
height: auto !important;
display: inline-block;
vertical-align: top;
}
#content iframe {
border: none;
padding: 0;
margin: 10px auto !important;
float: none !important;
}
#content a {
color: #1d317b;
text-decoration: none;
outline: none;
cursor: pointer;
text-decoration: underline;
}
#content a:hover {
color: #000;
text-decoration: none;
}
#content p {
padding: 10px 0;
margin: 0;
}
#content a {
transition: all 0.5s ease-out 0s;
-webkit-transition: all 0.5s ease-out 0s;
}
#content ol, #content ul {
padding: 5px 0 5px 20px;
margin: 0;
}
#content ol li, #content ul li {
padding: 5px 0;
margin: 0;
}
#content .gombsor {
display: flex;
align-items: center;
justify-content: space-evenly;
flex-direction: row;
flex-wrap: wrap;
gap: 10px;
}
#content .gombsor .gomb {
width: auto;
}
#content .gomb {
width: 100%;
padding: 10px 0;
margin: 0;
clear: both;
text-align: center;
}
#content .gomb a, #content .gomb span {
color: #000;
font-size: 1rem;
line-height: 125%;
font-weight: 300;
padding: 15px 50px 15px 20px;
margin: 0 auto;
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
-ms-border-radius: 25px;
border-radius: 25px;
width: auto;
height: auto;
background: #e6e6e6;
text-align: center;
border: none;
display: inline-block;
vertical-align: middle;
text-decoration: none;
outline: none;
cursor: pointer;
position: relative;
overflow: hidden;
/*Nyilak: - https://yoksel.github.io/url-encoder/
- vastagabb: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m14.707 12.707-4 4a1 1 0 0 1-1.414-1.414L12.586 12 9.293 8.707a1 1 0 1 1 1.414-1.414l4 4a1 1 0 0 1 0 1.414z' style='fill:%23000000'/%3E%3C/svg%3E");
- vékonyabb: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3E%3Cpath d='M9 18L15 12L9 6' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); */
transition: all 0.5s ease-out 0s;
-webkit-transition: all 0.5s ease-out 0s;
}
#content .gomb a:hover, #content .gomb span:hover {
color: #fff;
background: #ed1c24;
}
#content .button {
color: #000;
font-size: 1rem;
line-height: 125%;
font-weight: 300;
padding: 15px 50px 15px 20px;
margin: 0 auto;
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
-ms-border-radius: 25px;
border-radius: 25px;
width: auto;
height: auto;
background: #e6e6e6;
text-align: center;
border: none;
display: inline-block;
vertical-align: middle;
text-decoration: none;
outline: none;
cursor: pointer;
position: relative;
overflow: hidden;
/*Nyilak: - https://yoksel.github.io/url-encoder/
- vastagabb: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m14.707 12.707-4 4a1 1 0 0 1-1.414-1.414L12.586 12 9.293 8.707a1 1 0 1 1 1.414-1.414l4 4a1 1 0 0 1 0 1.414z' style='fill:%23000000'/%3E%3C/svg%3E");
- vékonyabb: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3E%3Cpath d='M9 18L15 12L9 6' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); */
}
#content .button:hover {
color: #fff;
background: #ed1c24;
}
#content .field-name-field-tags .field-item {
display: inline-block;
vertical-align: top;
padding: 0;
margin: 0;
}
#content .field-name-field-tags .field-item:after {
content: ",";
padding: 0;
margin: 0 5px 0 0;
}
#content .pager {
text-align: center;
}
#content .pager li {
display: inline-block;
vertical-align: top;
list-style: none;
padding: 0;
margin: 0 1px;
}
#content .pager li.pager-current {
color: #fff;
font-size: 18px;
line-height: 120%;
font-weight: 700;
padding: 5px 10px;
margin: 0;
border: 1px #1d317b solid;
background: #1d317b;
}
#content .pager li a {
display: block;
color: #1d317b;
font-size: 18px;
line-height: 120%;
font-weight: 400;
padding: 5px 10px;
margin: 0;
border: 1px #1d317b solid;
color: #1d317b;
text-decoration: none;
outline: none;
cursor: pointer;
}
#content .pager li a:hover {
background: #1d317b;
color: #fff;
}
#content .flex-row-section {
clear: both;
}
#content .flex-row-section .row {
width: 100%;
padding: 10px 0;
margin: 0;
display: flex;
align-items: flex-start;
justify-content: space-between;
flex-direction: row;
flex-wrap: wrap;
gap: 0;
}
#content .flex-row-section .row.even {
flex-direction: row-reverse;
}
#content .flex-row-section.row-center .row {
align-items: center;
}
#content .flex-row-section.bg .row {
display: inline-flex;
padding: 20px;
margin: 15px 0;
background: #fff;
-webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2);
box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2);
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
-ms-border-radius: 25px;
border-radius: 25px;
}
#content .flex-row-section .side {
width: 49%;
}
#content .flex-row-section .side:nth-child(2) {
text-align: center;
}
#content .flex-row-section img {
margin: 0 auto !important;
}
#content .flex-image-box-section {
width: 100%;
padding: 10px 0;
margin: 10px 0;
display: flex;
align-items: stretch;
justify-content: space-between;
flex-direction: row;
flex-wrap: wrap;
gap: 0;
clear: both;
}
#content .flex-image-box-section .img {
text-align: center;
}
#content .flex-image-box-section .img img {
margin: 10px auto !important;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
-ms-border-radius: 8px;
border-radius: 8px;
}
#content .flex-image-box-section .views-row {
/*max-width: 400px;*/
padding: 20px 0;
margin: 0;
}
#content .flex-image-box-section .cim {
color: #000;
font-size: clamp(21px, 3vw, 30px);
line-height: 120%;
font-weight: 700;
padding: 10px 0;
margin: 0;
/*text-align: center;*/
}
#content .flex-image-box-section.bg .views-row {
padding: 20px;
margin: 15px 0;
background: #fff;
-webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2);
box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2);
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
-ms-border-radius: 25px;
border-radius: 25px;
}
#content .flex-image-box-section.row-1 .views-row {
width: 99%;
}
#content .flex-image-box-section.row-2 .views-row {
width: 49%;
}
#content .flex-image-box-section.row-3 .views-row {
width: 32.3333333333%;
}
#content .flex-image-box-section.row-4 .views-row {
width: 24%;
}
#content .flex-image-box-section.row-5 .views-row {
width: 19%;
}
#content .flex-image-box-section.row-6 .views-row {
width: 15.6666666667%;
}
#content .flex-image-box-section.row-7 .views-row {
width: 13.2857142857%;
}
#content .flex-image-box-section.row-8 .views-row {
width: 11.5%;
}
#content .flex-number-box-section {
width: 100%;
padding: 10px 0;
margin: 10px 0;
display: flex;
align-items: stretch;
justify-content: space-between;
flex-direction: row;
flex-wrap: wrap;
gap: 0;
clear: both;
counter-reset: szamlalo;
/*$last-item-start: 1; $last-item-end: 100;
@for $i from $last-item-start through $last-item-end {
&.last-#{$i} .views-row:last-child {
width: #{$i}%;
}
}*/
}
#content .flex-number-box-section .img {
text-align: center;
}
#content .flex-number-box-section .img img {
margin: 10px auto !important;
}
#content .flex-number-box-section .cim {
width: 100%;
color: #000;
font-size: clamp(21px, 3vw, 30px);
line-height: 120%;
font-weight: 700;
padding: 20px 0 20px 20px;
margin: 0;
position: relative;
z-index: 100;
}
#content .flex-number-box-section .cim:before {
content: counter(szamlalo,decimal-leading-zero);
position: absolute;
z-index: -1;
left: 0;
top: 50%;
transform: translateY(-50%);
color: #989898;
font-size: clamp(82px, 6vw, 112px);
line-height: 100%;
font-weight: 700;
}
#content .flex-number-box-section p {
width: 100%;
}
#content .flex-number-box-section .views-row {
padding: 20px 0;
margin: 0;
counter-increment: szamlalo;
}
#content .flex-number-box-section .views-row .content {
width: 100%;
height: 100%;
display: flex;
align-items: flex-start;
justify-content: space-between;
flex-direction: column;
flex-wrap: wrap;
gap: 0;
}
#content .flex-number-box-section.bg .views-row {
padding: 20px;
margin: 15px 0;
background: #fff;
-webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2);
box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2);
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
-ms-border-radius: 25px;
border-radius: 25px;
}
#content .flex-number-box-section.row-1 .views-row {
width: 99%;
}
#content .flex-number-box-section.row-2 .views-row {
width: 49%;
}
#content .flex-number-box-section.row-3 .views-row {
width: 32.3333333333%;
}
#content .flex-number-box-section.row-4 .views-row {
width: 24%;
}
#content .flex-number-box-section.row-5 .views-row {
width: 19%;
}
#content .flex-number-box-section.row-6 .views-row {
width: 15.6666666667%;
}
#content .flex-number-box-section.row-7 .views-row {
width: 13.2857142857%;
}
#content .flex-number-box-section.row-8 .views-row {
width: 11.5%;
}
#content .flex-number-box-section.last-1 {
width: 100%;
}
#content .flex-number-box-section.last-2 {
width: 49%;
}
#content .flex-number-box-section.last-3 {
width: 66%;
}
#content .flex-number-box-section.last-4 {
width: 75%;
}
#content .flex-number-box-section.last-5 {
width: 80%;
}
#content .flex-img-section {
width: 100%;
padding: 10px 0;
margin: 0;
clear: both;
}
#content .flex-img-section.shadow li {
-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
}
#content .flex-img-section ul {
padding: 0;
margin: 0;
list-style: none;
display: flex;
align-items: center;
justify-content: space-evenly;
flex-direction: row;
flex-wrap: wrap;
gap: 0 10px;
}
#content .flex-img-section ul li {
padding: 0;
margin: 8px 0;
overflow: hidden;
}
#content .flex-img-section ul li:hover img {
transform: scale(1.05);
}
#content .flex-img-section img {
max-width: 100% !important;
height: auto !important;
display: inline-block;
vertical-align: top;
transition: all 0.5s ease-out 0s;
-webkit-transition: all 0.5s ease-out 0s;
}
#content .flex-img-section a {
display: block;
}
#content .flex-img-section.row-1 li {
width: 99%;
}
#content .flex-img-section.row-2 li {
width: 49%;
}
#content .flex-img-section.row-3 li {
width: 32.3333333333%;
}
#content .flex-img-section.row-4 li {
width: 24%;
}
#content .flex-img-section.row-5 li {
width: 19%;
}
#content .flex-img-section.row-6 li {
width: 15.6666666667%;
}
#content .flex-img-section.row-7 li {
width: 13.2857142857%;
}
#content .flex-img-section.row-8 li {
width: 11.5%;
}
#content .flex-img-section.row-9 li {
width: 10.1111111111%;
}
#content .flex-grid-gallery-section {
width: auto;
max-width: 1340px;
display: block;
padding: 30px 10px;
margin: 0 auto;
clear: both;
position: relative;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
display: flex;
align-items: stretch;
justify-content: space-between;
flex-direction: row;
flex-wrap: wrap;
gap: 0;
}
#content .flex-grid-gallery-section .col {
width: 28%;
max-width: 370px;
padding: 0;
margin: 0;
display: flex;
align-items: stretch;
justify-content: space-between;
flex-direction: column;
flex-wrap: wrap;
gap: 0;
}
#content .flex-grid-gallery-section .col:nth-child(1), #content .flex-grid-gallery-section .col:nth-child(3) {
width: 34%;
max-width: 445px;
}
#content .flex-grid-gallery-section .col img {
display: inline-block;
vertical-align: top;
margin: 12px 0 !important;
}
#content .fix-hero-section {
position: relative;
background-size: 0 !important;
border: none !important;
overflow: hidden;
-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
background: #000;
}
#content .fix-hero-section:before {
content: "";
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: -1 !important;
pointer-events: none;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
opacity: 0.8;
}
#content .fix-hero-section.bg-1:before {
background-image: url("../../../sites/default/files/tartalmi-kepek/ph-hero.png");
}
#content .fix-hero-section .content {
width: auto;
max-width: 760px;
display: block;
padding: 200px 10px;
margin: 0 auto;
clear: both;
position: relative;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
#content .fix-hero-section .cim {
color: #fff;
font-size: clamp(26px, 4vw, 36px);
line-height: 130%;
font-weight: 700;
padding: 0 0 20px;
margin: 0;
}
#content .rm-toggle .rm-content {
display: none;
}
#content .rm-toggle.open .rm-content {
display: block;
}
#content .section {
padding: 4rem 0;
position: relative;
}
#content .section .befoglalo {
width: auto;
max-width: 1320px;
display: block;
padding: 0 10px;
margin: 0 auto;
clear: both;
position: relative;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
#content .section .cim {
color: #1d317b;
font-size: clamp(23px, 4.5vw, 36px);
line-height: 130%;
font-weight: 700;
padding: 10px 0 30px;
margin: 0;
}
#content .section .cim small {
display: block;
color: #989898;
font-size: clamp(16px, 2vw, 21px);
line-height: 130%;
font-weight: 700;
}
#content .section .dobozsor {
display: flex;
align-items: flex-start;
justify-content: space-evenly;
flex-direction: row;
flex-wrap: wrap;
gap: 0;
}
#content .section .dobozsor .doboz {
padding: 20px 0;
margin: 0;
}
#content .section .dobozsor.col-2 .doboz {
width: 49%;
}
#content .section .dobozsor.col-3 .doboz {
width: 32.3333333333%;
}
#content .section .dobozsor.col-4 .doboz {
width: 24%;
}
#content .section .dobozsor.col-5 .doboz {
width: 19%;
}
#content .section .dobozsor.col-6 .doboz {
width: 15.6666666667%;
}
#content .section .dobozsor.col-7 .doboz {
width: 13.2857142857%;
}
#content .section .dobozsor.col-8 .doboz {
width: 11.5%;
}
#content .section .dobozsor.col-9 .doboz {
width: 10.1111111111%;
}
#content .section .side {
width: 48%;
}
#content .section.section-1 .befoglalo {
display: flex;
align-items: center;
justify-content: space-between;
flex-direction: row;
flex-wrap: wrap;
gap: 0;
}
#content .section.section-2 {
background: #f2f7fa;
}
#content .section.section-2 .cim {
text-align: center;
}
#content .section.section-2 .view-hely-nezetek {
padding-top: 20px;
}
#content .section.section-2 .view-hely-nezetek .view-content {
display: flex;
align-items: flex-start;
justify-content: space-evenly;
flex-direction: row;
flex-wrap: wrap;
gap: 0;
}
#content .section.section-2 .views-row {
width: 24%;
max-width: 300px;
padding: 20px 20px 10px;
margin: 10px 0;
background: #fff;
-webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
-ms-border-radius: 25px;
border-radius: 25px;
}
#content .section.section-2 .views-row .cim {
color: #1d317b;
font-size: 20px;
line-height: 130%;
font-weight: 700;
padding: 0 0 10px;
border-bottom: 1px #f2f7fa solid;
text-align: left;
}
#content .section.section-2 .views-row .helyseg {
display: block;
font-size: 16px;
padding-top: 10px;
}
#content .section.section-2 .views-row .helyseg a:hover {
color: #000;
}
#content .field--name-field-oldal-galeria, #content .field--name-field-galeria-kepek {
width: 100%;
padding: 10px 0;
margin: 0;
font-size: 0;
clear: both;
text-align: center;
}
#content .field--name-field-oldal-galeria .field-item, #content .field--name-field-galeria-kepek .field-item {
display: inline-block;
vertical-align: top;
width: 25%;
padding: 10px;
margin: 0;
}
#content .field--name-field-oldal-galeria .field-item:hover img, #content .field--name-field-galeria-kepek .field-item:hover img {
transform: scale(1.05);
}
#content .field--name-field-oldal-galeria a, #content .field--name-field-galeria-kepek a {
display: block;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
-ms-border-radius: 20px;
border-radius: 20px;
overflow: hidden;
}
#content .field--name-field-oldal-galeria img, #content .field--name-field-galeria-kepek img {
max-width: 100% !important;
height: auto !important;
display: inline-block;
vertical-align: top;
margin: 0 auto;
transition: all 0.5s ease-out 0s;
-webkit-transition: all 0.5s ease-out 0s;
}
::placeholder {
color: #a8a8a8;
font-family: "Poppins", sans-serif;
opacity: 1;
}
:-ms-input-placeholder {
color: #a8a8a8;
font-family: "Poppins", sans-serif;
}
::-ms-input-placeholder {
color: #a8a8a8;
font-family: "Poppins", sans-serif;
}
.search-form .form-submit {
cursor: pointer;
}
.search-form .form-submit:hover {
background: #c8c8c8;
}
#toolbar-administration {
position: relative;
z-index: 11000;
}
.visually-hidden, .grippie, .hidden {
display: none !important;
}
.user-login-form, .user-pass {
text-align: center;
}
.user-login-form .form-item, .user-login-form p, .user-pass .form-item, .user-pass p {
text-align: left;
}
.user-login-form .captcha, .user-pass .captcha {
padding: 10px 0;
}
.user-login-form .description, .user-pass .description {
display: none !important;
}
/*/Breadcrump
#block-nfct-morzsak {
ol {@include padMargin(); list-style: none; @include flex(0, flex-start); font-size: 0;
li {@include text($fekete, 13px, $regular, 140%);
&:before {@include inline(); padding: 0 5px 0 7px; content: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' height='8' width='5'%3e%3cpath fill='currentColor' d='M1.207.647L.5 1.354 3.146 4 .5 6.647l.707.707L4.561 4z'/%3e%3c/svg%3e");}
&:first-child:before {display: none;}
a {@include text($fekete, 13px, $regular, 140%); @include link;}
}
}
}*/
.full-width {
margin-left: calc(50% - 50vw) !important;
margin-right: calc(50% - 50vw) !important;
padding: 10px !important;
width: auto !important;
}
a[href^="tel"]:link, a[href^="tel"]:visited, a[href^="tel"]:hover {
cursor: default !important;
pointer-events: none !important;
text-decoration: none !important;
}
.mobil {
display: none;
}
.normal {
display: block;
}
.color-h1 {
color: #1d317b;
}
.color-h2 {
color: #1d317b;
}
.color-h3 {
color: #1d317b;
}
.color-h4 {
color: #1d317b;
}
strong {
font-weight: 700;
}
em {
font-style: italic;
}
.text-align-center {
text-align: center;
}
.text-align-center img {
margin: 15px;
}
.text-align-right {
text-align: right;
}
.text-align-justify {
text-align: justify;
}
.align-right {
float: right;
}
img.align-right {
margin: 15px 0 15px 15px;
}
.align-left {
float: left;
}
img.align-left {
margin: 15px 15px 15px 0;
}
img.align-center {
display: block !important;
margin: 15px auto;
}
table {
width: 100%;
border-collapse: collapse;
padding: 0;
margin: 15px 0;
table-layout: fixed;
}
table tbody {
border: none;
}
table th {
font-weight: bold;
color: #1d317b;
}
table td {
padding: 5px;
margin: 0;
border: 1px #ccc solid;
text-align: center;
word-wrap: break-word;
overflow-wrap: break-word;
}
/**********/
/* Footer */
/**********/
#footer {
width: 100%;
margin: 0;
padding: 0;
position: relative;
clear: both;
overflow: hidden;
}
#footer .block {
padding: 0;
margin: 0;
position: relative;
background: #989898;
text-align: left;
}
#footer .block .cim {
padding: 10px 0;
margin: 0;
color: #fff;
font-size: clamp(23px, 3.6vw, 40px);
line-height: 120%;
font-weight: 700;
}
#footer .block ul {
padding: 0;
margin: 0;
}
#footer .block ul li {
list-style: none;
padding: 10px 0;
margin: 0;
color: #fff;
font-size: clamp(23px, 2.6vw, 32px);
line-height: 130%;
font-weight: 700;
/*/Menü és lista
&:first-of-type {@include padMargin(5px 10px 5px 0);}
&:last-of-type {@include padMargin(5px 0 5px 10px); background: none;}*/
}
#footer .block ul li a {
color: #fff;
font-size: clamp(23px, 2.6vw, 32px);
line-height: 130%;
font-weight: 700;
text-decoration: none;
outline: none;
cursor: pointer;
}
#footer .block ul li a:hover {
color: #1d317b;
}
#footer .block ul li small {
display: block;
color: #fff;
font-size: clamp(16px, 2.5vw, 23px);
line-height: 140%;
font-weight: 300;
}
#footer .block img {
max-width: 100% !important;
height: auto !important;
display: inline-block;
vertical-align: top;
}
#footer .block p {
padding: 5px 0;
margin: 0;
color: #fff;
font-size: clamp(20px, 2.6vw, 32px);
line-height: 140%;
font-weight: 300;
}
#footer .block .flex {
width: auto;
max-width: 1320px;
display: block;
padding: 30px 10px 0;
margin: 0 auto;
clear: both;
position: relative;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
display: flex;
align-items: stretch;
justify-content: space-between;
flex-direction: row;
flex-wrap: wrap;
gap: 0;
}
#footer .block .flex .side {
width: 49%;
padding: 20px 0;
}
#footer .block .flex .side:nth-child(1) {
display: flex;
align-items: flex-start;
justify-content: space-between;
flex-direction: column;
flex-wrap: wrap;
gap: 0;
}
#footer .block .flex .side:nth-child(2) {
text-align: right;
}
#footer .block .urlap {
width: auto;
max-width: 560px;
display: block;
padding: 50px 10px;
margin: 0 auto;
clear: both;
position: relative;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.page-node-4 #footer .block .urlap {
display: none;
}
#footer .block .urlap #edit-markup {
display: none;
}
#footer .block .urlap a {
color: #fff;
text-decoration: underline;
}
#footer .block .urlap a:hover {
color: #000;
text-decoration: none;
}
#footer .block .urlap ::placeholder {
color: #fff;
}
#footer .block .urlap :-ms-input-placeholder {
color: #fff;
}
#footer .block .urlap ::-ms-input-placeholder {
color: #fff;
}
#footer .block .urlap select, #footer .block .urlap input, #footer .block .urlap textarea {
color: #fff;
}
#footer .block .urlap .gomb {
color: #000;
font-size: 1rem;
line-height: 125%;
font-weight: 300;
padding: 15px 50px 15px 20px;
margin: 0 auto;
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
-ms-border-radius: 25px;
border-radius: 25px;
width: auto;
height: auto;
background: #e6e6e6;
text-align: center;
border: none;
display: inline-block;
vertical-align: middle;
text-decoration: none;
outline: none;
cursor: pointer;
position: relative;
overflow: hidden;
/*Nyilak: - https://yoksel.github.io/url-encoder/
- vastagabb: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m14.707 12.707-4 4a1 1 0 0 1-1.414-1.414L12.586 12 9.293 8.707a1 1 0 1 1 1.414-1.414l4 4a1 1 0 0 1 0 1.414z' style='fill:%23000000'/%3E%3C/svg%3E");
- vékonyabb: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3E%3Cpath d='M9 18L15 12L9 6' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); */
border-color: #fff;
color: #fff;
text-transform: uppercase;
letter-spacing: 2px;
}
#footer .block .urlap .gomb:hover {
color: #fff;
background: #ed1c24;
background: #fff;
color: #000;
}
#footer #information {
width: 100%;
margin: 0;
padding: 0;
position: relative;
clear: both;
background: #989898;
}
#footer #information #block-nfct-footerinfoblokk {
padding: 40px 0 50px;
text-align: center;
}
#footer #information #block-nfct-footerinfoblokk .content {
padding: 0;
}
#footer #information span {
display: block;
color: #fff;
font-size: 12px;
line-height: 130%;
font-weight: 300;
}
#footer #information #copy {
padding: 0;
margin: 0;
}
#footer #information #netfort {
display: inline-block;
vertical-align: middle;
padding: 5px 0;
margin: 0;
}
#footer #information #netfort img {
max-width: 100% !important;
height: auto !important;
display: inline-block;
vertical-align: top;
width: auto;
height: 17px !important;
margin: -6px 0 0 3px;
display: inline-block;
vertical-align: middle;
}
/*/Pályázatok
//.bottom-right>img[src="/sites/default/files/tartalmi-kepek/palyazatokhoz/erfa-also.png" alt="Széchenyi 2020"]+span.close{Bezárás}
//.top-left>img[src="/sites/default/files/tartalmi-kepek/palyazatokhoz/mff-infoblokk.jpg" alt="Széchenyi Terv Plusz" width="300" height="85"]
#block-nfct-palyazatlogosblokkfooterbe {@include padMargin();
img {@include img;} br {display: none !important;} a {display: block; @include padMargin(); @include link;}
.bottom-right {width: 250px; position: fixed; bottom: 0; right: 0; z-index: 9890;}
.top-left {width: 250px; position: absolute; top: 0; left: 0; z-index: 9890;}
.close {display: block; position: absolute; top: -5px; right: -3px; width: 36px; height: 36px; background: url('../images/fancybox_sprite.png') 0 0 no-repeat; text-indent: -10000em; @include link;}
}
/**********************/
/* Űrlapok formázásai */
/**********************/
::placeholder {
color: gray;
font-size: 18px;
line-height: 40px;
font-weight: 400;
font-family: "Poppins", sans-serif;
opacity: 1;
}
:-ms-input-placeholder {
color: gray;
font-size: 18px;
line-height: 40px;
font-weight: 400;
font-family: "Poppins", sans-serif;
}
::-ms-input-placeholder {
color: gray;
font-size: 18px;
line-height: 40px;
font-weight: 400;
font-family: "Poppins", sans-serif;
}
label {
color: gray;
font-size: 18px;
line-height: 40px;
font-weight: 400;
font-family: "Poppins", sans-serif;
width: 100%;
padding: 0 10px;
margin: 0;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
input, select {
width: 100%;
max-width: 100%;
height: 40px;
line-height: 40px;
padding: 0 10px;
border: none;
background: #f2f2f2;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
transition: all 0.5s ease-out 0s;
-webkit-transition: all 0.5s ease-out 0s;
}
textarea {
width: 100%;
height: 120px;
border: none;
background: #f2f2f2;
padding: 0 10px;
line-height: 140% !important;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
select, input, textarea {
color: #666;
font-size: 18px;
line-height: 40px;
font-weight: 400;
font-family: "Poppins", sans-serif;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
border-radius: 10px;
}
select:focus, input:focus, textarea:focus {
outline: none;
}
#node-4 {
display: flex;
align-items: flex-start;
justify-content: space-between;
flex-direction: row;
flex-wrap: wrap;
gap: 0;
}
#node-4 > .field--name-body, #node-4 .field--name-webform {
width: 48%;
}
.node-webform > h2 {
display: none !important;
}
.webform-submission-form {
position: relative;
padding: 0;
margin: 0;
text-align: center;
}
.webform-submission-form .form-item {
width: 100%;
padding: 0;
margin: 5px auto;
display: inline-block;
vertical-align: top;
text-align: left;
}
.webform-submission-form .field-suffix {
display: inline-block;
vertical-align: top;
color: #666;
font-size: 14px;
line-height: 40px;
font-weight: 300;
}
.webform-submission-form label input {
height: auto;
line-height: 120%;
}
.webform-submission-form input.form-file {
border: none;
}
.webform-submission-form .description {
font-style: italic;
font-size: 12px;
padding: 5px 0 0;
margin: 0;
}
.webform-submission-form .captcha {
padding: 0;
margin: 10px 0;
text-align: center;
/*float: left;*/
}
.webform-submission-form .captcha .g-recaptcha {
padding: 0;
margin: 0 auto;
width: 305px;
text-align: center;
}
.webform-submission-form .captcha iframe {
width: 100% !important;
}
.webform-submission-form .webform-component-file {
width: 100%;
display: inline-block;
vertical-align: top;
padding: 0;
margin: 0;
}
.webform-submission-form .webform-component-file label {
position: relative !important;
}
.webform-submission-form .webform-component-file .form-file {
width: 65%;
height: 40px;
padding: 0;
margin: 0;
display: inline-block;
vertical-align: top;
color: #666;
font-size: 18px;
line-height: 40px;
font-weight: 400;
font-family: "Poppins", sans-serif;
}
.webform-submission-form .webform-component-file .form-submit {
width: 34%;
height: 40px;
float: right;
display: inline-block;
vertical-align: top;
text-decoration: none;
outline: none;
cursor: pointer;
color: gray;
font-size: 18px;
line-height: 40px;
font-weight: 400;
font-family: "Poppins", sans-serif;
}
.webform-submission-form .webform-component-file .form-submit:hover {
background: #ed1c24;
color: #fff;
}
.webform-submission-form .webform-component-date > label {
float: none;
width: auto;
padding: 0 0 5px 5px;
margin: 0;
position: relative !important;
line-height: 140%;
}
.webform-submission-form .webform-component-date .form-item {
width: 30%;
display: inline-block;
vertical-align: middle;
margin: 0;
}
.webform-submission-form .webform-component-date input {
display: inline-block !important;
vertical-align: middle;
width: auto !important;
height: auto !important;
padding: 0;
margin: 0;
border: none;
}
.webform-submission-form .webform-component-date select {
width: 100%;
}
.webform-submission-form .webform-component-time {
margin: 10px 0 0;
}
.webform-submission-form .webform-component-time .form-item {
width: 12%;
display: inline-block;
vertical-align: middle;
}
.webform-submission-form .webform-component-time .form-item:last-child {
margin: 10px 0 10px 5px;
}
.webform-submission-form .webform-component-time select {
width: 100%;
font-weight: 300;
text-align: center;
}
.webform-submission-form .js-form-type-checkbox {
display: flex;
align-items: center;
justify-content: flex-start;
flex-direction: row;
flex-wrap: wrap;
gap: 0;
}
.webform-submission-form .js-form-type-checkbox .form-checkbox {
width: auto !important;
height: auto !important;
display: inline-block;
vertical-align: middle;
}
.webform-submission-form .js-form-type-checkbox .description {
color: #666;
font-size: 15px;
line-height: 120%;
font-weight: 400;
float: none;
width: 92%;
padding: 0 0 0 5px;
margin: 0;
position: relative !important;
height: auto;
display: inline-block;
vertical-align: middle;
font-style: normal;
text-align: left;
}
.webform-submission-form .js-form-type-checkbox .description a {
color: #1d317b;
text-decoration: none;
outline: none;
cursor: pointer;
}
.webform-submission-form .js-form-type-checkbox .description a:hover {
color: #000;
}
.webform-submission-form .webform-component-radios > label {
width: 100%;
color: gray;
font-size: 18px;
line-height: 40px;
font-weight: 400;
font-family: "Poppins", sans-serif;
position: relative !important;
height: auto;
padding: 0;
margin: 0;
}
.webform-submission-form .webform-component-radios .form-radios .form-item {
width: auto;
display: inline-block;
vertical-align: top;
padding: 0;
margin: 5px 0 0;
}
.webform-submission-form .webform-component-radios .form-radios label {
float: none;
width: auto !important;
height: auto;
display: inline-block;
vertical-align: middle;
line-height: 120%;
position: relative !important;
padding: 0 10px 0 3px;
margin: 0;
}
.webform-submission-form .webform-component-radios .form-radios input {
width: auto;
height: auto;
display: inline-block;
vertical-align: middle;
padding: 0;
margin: 0;
}
.webform-submission-form .js-form-type-number {
display: inline-block;
vertical-align: middle;
}
.webform-submission-form .js-form-type-number input {
display: inline-block;
vertical-align: middle;
width: 90%;
}
#sliding-popup {
width: 100%;
position: fixed;
bottom: 0;
left: 0;
z-index: 9900;
background: rgba(0, 0, 0, 0.8);
}
#sliding-popup .popup-content {
width: auto;
max-width: 1320px;
display: block;
padding: 0 10px;
margin: 0 auto;
clear: both;
position: relative;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
min-height: 50px;
display: flex;
align-items: center;
justify-content: space-between;
flex-direction: row;
flex-wrap: wrap;
gap: 0;
}
#sliding-popup .popup-content #popup-text {
padding: 0;
margin: 0;
max-width: 80%;
}
#sliding-popup .popup-content #popup-text p {
display: inline;
vertical-align: middle;
padding: 0;
margin: 0;
color: #fff;
font-size: 13px;
line-height: 130%;
font-weight: 400;
font-family: "Poppins", sans-serif;
}
#sliding-popup .popup-content #popup-buttons {
max-width: 18%;
padding: 0;
margin: 0;
}
#sliding-popup .popup-content #popup-buttons button {
padding: 7px 10px;
margin: 0;
font-size: 15px;
font-family: "Poppins", sans-serif;
}
#sliding-popup .eu-cookie-compliance-more-button {
display: inline-block;
vertical-align: middle;
color: #fff;
font-size: 13px;
line-height: 130%;
font-weight: 400;
background: none;
border: none;
text-decoration: underline;
cursor: pointer;
}
/*********/
/* Popup */
/*********
#popup-regio {position: absolute; z-index: 950; top: -430px; display: none; padding: 10px;
.block {width: auto; max-width: 480px; @include padMargin(); position: relative; background: $feher; border: 1px $fekete solid; @include border-radius(20px); @include shadow($fekete, 50px, 0.8);}
.content {width: 100%; @include padMargin(10px);}
img {@include img;}
.cim {@include text($baseFontColor, 32px, $black, 130%); @include padMargin(10px);}
p {@include text($baseFontColor, 18px, $semiBold, 130%); @include padMargin(10px);}
a {display: block;}
.gomb {@include Button; a {@include ButtonA; &:hover {@include ButtonH;}}}
#bezaras_link {display: block; position: absolute; top: -15px; right: -15px; width: 36px; height: 36px; background: url('../images/fancybox_sprite.png') 0 0 no-repeat; text-indent: -10000em; outline: none;}
}
/***********************/
/*Mobil menü formázások*/
/***********************/
#mobil-header {
display: none;
width: 100%;
min-height: 40px;
padding: 0;
margin: 0;
position: fixed;
top: 0;
left: 0;
-webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
-moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
z-index: 9900;
}
#mobil-header #ikonok {
display: block;
position: absolute;
top: 0;
right: 0;
}
#mobil-header #ikonok ul {
padding: 0;
margin: 0;
}
#mobil-header #ikonok ul li {
list-style: none;
float: left;
padding: 0 2px 0 4px;
margin: 0;
background: url("../images/mobil/menu_separator2.png") top left no-repeat;
}
#mobil-header #ikonok ul li a {
display: block;
width: 44px;
height: 40px;
padding: 0;
margin: 0;
text-indent: -10000em;
outline: none;
}
#mobil-header #ikonok ul li a:hover {
background-color: #fff !important;
}
#mobil-header #ikonok ul li.email a {
background: url("../images/mobil-ico/email_ico.png") center center no-repeat;
}
#mobil-header #ikonok ul li.telefon a {
background: url("../images/mobil-ico/tel_ico.png") center center no-repeat;
cursor: pointer;
}
#mobil-header #ikonok ul li.terkep a {
background: url("../images/mobil-ico/map_ico.png") center center no-repeat;
}
#mobil-header #ikonok ul li.facebook a {
background: url("../images/mobil-ico/fb_ico.png") center center no-repeat;
background-size: 85% auto;
}
#mobil-header #ikonok ul li.youtube a {
background: url("../images/mobil-ico/youtube_ico.png") center center no-repeat;
background-size: 83% auto;
}
#mobil-header #ikonok ul li.linkedin a {
background: url("../images/mobil-ico/linkedin_ico.png") center center no-repeat;
background-size: 84% auto;
}
#mobil-header #ikonok ul li.instagram a {
background: url("../images/mobil-ico/insta_ico.png") center center no-repeat;
background-size: 84% auto;
}
#mobil-header #ikonok ul li.tiktok a {
background: url("../images/mobil-ico/tiktok_ico.png") center center no-repeat;
background-size: 84% auto;
}
#mobil-header #ikonok ul li.telefon-1 a {
background: url("../images/mobil-ico/tel_ico1.png") center center no-repeat;
cursor: pointer;
}
#mobil-header #ikonok ul li.telefon-2 a {
background: url("../images/mobil-ico/tel_ico2.png") center center no-repeat;
cursor: pointer;
}
#nav-icon span:nth-child(1) {
top: 0;
}
#nav-icon span:nth-child(2) {
top: 10px;
}
#nav-icon span:nth-child(3) {
top: 20px;
}
#nav-icon span:nth-child(4) {
display: none;
}
.open #nav-icon span:nth-child(1) {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
top: 11px;
left: 3px;
}
.open #nav-icon span:nth-child(2) {
width: 0%;
opacity: 0;
}
.open #nav-icon span:nth-child(3) {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
top: 11px;
left: 3px;
}
#nav-icon {
width: 30px;
height: 27px;
display: inline-block;
position: relative;
margin: 7px 3px 0 5px;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: 0.5s ease-in-out;
-moz-transition: 0.5s ease-in-out;
-o-transition: 0.5s ease-in-out;
transition: 0.5s ease-in-out;
cursor: pointer;
}
#nav-icon span {
display: block;
position: absolute;
height: 5px;
width: 100%;
background: #fff;
border-radius: 9px;
opacity: 1;
left: 0;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: 0.25s ease-in-out;
-moz-transition: 0.25s ease-in-out;
-o-transition: 0.25s ease-in-out;
transition: 0.25s ease-in-out;
}
#menu-befoglalo {
overflow: hidden;
position: relative;
width: 100%;
z-index: 9000;
transition: all 0.3s ease-out 0s;
-webkit-transition: all 0.3s ease-out 0s;
}
.open #menu-befoglalo {
max-height: 235px;
animation: 0.3s cubic-bezier(0, 1, 0.5, 1) 0s 1 normal none running fadeMenuDown;
-webkit-animation: 0.3s cubic-bezier(0, 1, 0.5, 1) 0s 1 normal none running fadeMenuDown;
overflow: auto !important;
-webkit-overflow-scrolling: touch !important;
}
.close #menu-befoglalo {
max-height: 0;
animation: 0.3s cubic-bezier(0, 1, 0.5, 1) 0s 1 normal backwards running fadeMenuDown;
-webkit-animation: 0.3s cubic-bezier(0, 1, 0.5, 1) 0s 1 normal backwards running fadeMenuDown;
}
#menu-text {
display: inline-block;
vertical-align: top;
padding: 0;
margin: 0;
color: #fff;
font-size: 20px;
line-height: 40px;
font-weight: 700;
text-transform: uppercase;
overflow: hidden;
text-shadow: none;
text-decoration: none;
outline: none;
cursor: pointer;
}
#mobil-navigation {
background: #1d317b;
}
#mobil-navigation h2 {
color: #fff;
font-size: 16px;
line-height: 150%;
font-weight: bold;
padding: 0;
margin: 0;
background: #989898;
text-transform: uppercase;
text-align: center;
}
#mobil-navigation .lebego {
position: absolute;
top: 205px;
right: 20px;
text-align: center;
display: none;
animation: arrowDown 2s infinite;
}
#mobil-navigation .nyil {
width: 0;
height: 0;
margin: 0 auto;
border-style: solid;
border-width: 20px 10px 0 10px;
border-color: #fff transparent transparent transparent;
}
#mobil-navigation ul {
padding: 0;
margin: 0;
background: #1d317b;
}
#mobil-navigation ul li {
list-style: none;
list-style-image: none;
padding: 5px 10px;
margin: 0;
position: relative;
}
#mobil-navigation ul li.nyitott > span:after {
content: "";
display: block;
position: absolute;
right: 20px;
top: 16px;
width: 0;
height: 0;
border-style: solid;
border-width: 10px 5px 0 5px;
border-color: #fff transparent transparent transparent;
}
#mobil-navigation ul li.zart > span:after {
content: "";
display: block;
position: absolute;
right: 20px;
top: 16px;
width: 0;
height: 0;
border-style: solid;
border-width: 5px 0 5px 10px;
border-color: transparent transparent transparent #fff;
}
#mobil-navigation ul li.menu-item--expanded ul {
height: auto;
overflow-y: no-display;
}
#mobil-navigation ul li.menu-item--expanded ul.nyitott {
display: block;
}
#mobil-navigation ul li.menu-item--expanded ul.zart {
display: none;
}
#mobil-navigation ul li.noactive a.is-active, #mobil-navigation ul li span, #mobil-navigation ul li a {
color: #fff;
font-size: 16px;
line-height: 28px;
font-weight: normal;
padding: 0;
margin: 0;
display: block;
text-decoration: none;
text-shadow: none;
text-transform: uppercase;
text-decoration: none;
outline: none;
cursor: pointer;
}
#mobil-navigation ul li ul li a {
color: #fff;
font-size: 15px;
line-height: 140%;
font-weight: normal;
text-transform: none;
}
#mobil-navigation ul li.menu-item--active-trail > span, #mobil-navigation ul li a.is-active {
color: #989898;
font-weight: bold;
}
#mobil-navigation ul li.gomb {
text-align: left;
}
#mobil-navigation ul li.gomb a {
width: auto;
padding: 3px 10px;
display: inline-block;
vertical-align: top;
}
/*************************/
/* Responsive formázások */
/*************************/
@media screen and (min-width: 1000px) and (max-width: 1319px) {
body {
font-size: 17px;
}
}
@media screen and (min-width: 768px) and (max-width: 999px) {
body {
font-size: 16px;
}
#header {
overflow: hidden;
padding-top: 40px;
}
#header #header-top > .content {
justify-content: center;
}
#header #logo {
float: none;
padding: 10px 0;
margin: 0;
text-align: center;
}
#header #desktop-navigation {
display: none !important;
}
#header #mobil-header {
display: block;
}
#content {
overflow: hidden;
}
#content img {
max-width: 100% !important;
height: auto !important;
}
#content table {
width: 100% !important;
}
#content iframe {
max-width: 100% !important;
}
#content .view-galeriak .views-row {
width: 33.3333333333%;
}
#content .view-galeriak .views-row .galeriacim {
font-size: 3.5vw;
text-transform: none;
}
#content .field--name-field-oldal-galeria .field-item, #content .field--name-field-galeria-kepek .field-item {
width: 33.3333333333%;
}
#content .flex-image-box-section {
justify-content: space-around;
}
#content .flex-image-box-section .views-row {
width: 48% !important;
text-align: center;
}
#content .flex-number-box-section {
justify-content: space-around;
}
#content .flex-number-box-section .views-row {
width: 48% !important;
text-align: center;
}
#content .flex-number-box-section .cim {
padding: 20px 0 !important;
}
#content .flex-number-box-section .cim:before {
left: 50%;
transform: translate(-50%, -50%);
}
#content .flex-number-box-section .gomb {
text-align: center !important;
}
#content .section {
padding: 3rem 0;
}
#content .section.section-2 .doboz {
width: 31%;
}
#content .section.section-2 .doboz .cim {
font-size: 18px;
}
a[href^="tel"]:link, a[href^="tel"]:visited, a[href^="tel"]:hover {
cursor: default !important;
pointer-events: auto !important;
text-decoration: none !important;
}
}
@media screen and (max-width: 767px) {
/*/Pályázatok
#block-nfct-palyazatlogosblokkfooterbe {
.content > div {width: 215px;} img {margin: 0 !important;}
.top-left {top: 40px;}
}*/
/*/Popup
#popup-regio {width: 250px !important; padding: 0;
.block {width: 100%; max-width: 100%;}
.content {padding: 0;}
.cim {font-size: 24px;}
p {font-size: 13px;}
}*/
body {
font-size: 15px;
}
.mobil {
display: block;
}
.normal {
display: none;
}
#header {
overflow: hidden;
padding-top: 40px;
}
#header #header-top > .content {
justify-content: center;
}
#header #logo {
float: none;
padding: 10px 0;
margin: 0;
text-align: center;
}
#header #desktop-navigation, #header #header-tartalom {
display: none !important;
}
#header #mobil-header {
display: block;
}
#content {
overflow: hidden;
}
#content #page-title {
text-align: center;
letter-spacing: 0;
}
#content img {
max-width: 100% !important;
height: auto !important;
float: none !important;
clear: both;
display: block;
padding: 0;
margin: 10px auto !important;
}
#content table {
width: 100% !important;
}
#content iframe {
max-width: 100% !important;
}
#content ul.tabs li {
display: block;
margin: 5px auto;
text-align: center;
}
#content #block-nfct-primary-local-tasks {
padding: 0;
}
#content #block-nfct-primary-local-tasks ul {
text-align: center;
}
#content .view-galeriak .views-row {
width: 100%;
max-width: 300px;
margin: 10px auto;
float: none;
clear: both;
width: auto;
}
#content .view-galeriak .views-row img {
margin: 0 !important;
}
#content .field--name-field-oldal-galeria .field-item, #content .field--name-field-galeria-kepek .field-item {
width: 50%;
max-width: 320px;
}
#content .field--name-field-oldal-galeria .field-item img, #content .field--name-field-galeria-kepek .field-item img {
margin: 0 !important;
}
#content blockquote {
padding: 30px 10px;
}
#content blockquote:before {
height: 80px;
font-size: 180px;
line-height: 90%;
top: 55px;
}
#content blockquote:after {
height: 80px;
font-size: 180px;
line-height: 90%;
bottom: 15px;
}
#content blockquote small {
padding: 0;
}
#content .flex-row-section {
display: flex;
align-items: flex-start;
justify-content: space-evenly;
flex-direction: row;
flex-wrap: wrap;
gap: 0 15px;
}
#content .flex-row-section .row {
width: 100% !important;
max-width: 300px;
align-items: flex-start !important;
}
#content .flex-row-section .row.even {
flex-direction: row;
}
#content .flex-row-section.bg .row {
padding: 15px;
}
#content .flex-row-section .side {
width: 100%;
max-width: 300px;
text-align: center;
}
#content .flex-img-section li {
min-width: 140px;
}
#content .fix-hero-section {
text-align: center;
}
#content .flex-grid-gallery-section {
padding: 30px 0;
}
#content .flex-grid-gallery-section .col:nth-child(1), #content .flex-grid-gallery-section .col:nth-child(3) {
width: 33%;
}
#content .flex-grid-gallery-section .col img {
margin: 5px auto !important;
}
#content .flex-image-box-section {
gap: 0 15px;
justify-content: center;
}
#content .flex-image-box-section .views-row {
width: 100% !important;
max-width: 300px;
padding: 5px 10px 10px !important;
text-align: center;
}
#content .flex-number-box-section {
gap: 0 15px;
justify-content: center;
}
#content .flex-number-box-section .views-row {
width: 100% !important;
max-width: 300px;
padding: 20px 10px 10px !important;
text-align: center;
}
#content .flex-number-box-section .views-row:last-child {
width: 100% !important;
max-width: 100%;
}
#content .flex-number-box-section .cim {
padding: 20px 0 !important;
}
#content .flex-number-box-section .cim:before {
left: 50%;
transform: translate(-50%, -50%);
}
#content .flex-number-box-section .gomb {
text-align: center !important;
}
#content .section {
padding: 40px 0;
text-align: center;
}
#content .section .cim {
text-align: center;
}
#content .section .dobozsor {
gap: 0 15px;
justify-content: center;
}
#content .section .dobozsor .doboz {
width: 100% !important;
max-width: 300px;
padding: 10px !important;
text-align: center;
}
#content .section .side {
width: 100%;
}
#content .section.section-2 .views-row {
width: 100%;
max-width: 300px;
}
#content .section.section-2 .views-row .cim {
text-align: center;
font-size: 18px;
}
#content .view-hely-nezetek .view-content {
gap: 10px !important;
}
a[href^="tel"]:link, a[href^="tel"]:visited, a[href^="tel"]:hover {
cursor: default !important;
pointer-events: auto !important;
text-decoration: none !important;
}
#footer {
overflow: hidden;
}
#footer .block .flex .side {
width: 100%;
text-align: center !important;
align-items: center !important;
}
#node-4 .field--name-body, #node-4 .field--name-webform {
width: 100%;
}
.webform-submission-form {
width: 100%;
padding: 0;
margin: 0 auto;
}
.webform-submission-form .form-item {
width: 100%;
padding: 0;
margin: 10px 0;
}
.webform-submission-form .form-item .form-item {
padding: 0;
margin: 0;
}
.webform-submission-form label {
display: block;
width: 100%;
float: none;
padding: 0 5px;
margin: 0;
}
.webform-submission-form select, .webform-submission-form input {
display: block;
width: 100%;
}
.webform-submission-form textarea {
display: block;
width: 100%;
height: 120px;
padding: 5px;
margin: 0;
}
.webform-submission-form .description {
width: 100%;
padding: 0;
margin: 0;
}
.webform-submission-form .form-radios .form-item {
display: inline-block;
vertical-align: top;
width: auto;
max-width: 50%;
}
.webform-submission-form .form-radios input {
width: auto;
height: auto;
padding: 0;
margin: 0 0 0 5px;
display: inline-block;
vertical-align: middle;
}
.webform-submission-form .form-radios label {
float: none;
width: auto;
display: inline-block;
vertical-align: middle;
}
.webform-submission-form .form-checkboxes input {
width: auto;
height: auto;
display: inline-block;
vertical-align: middle;
}
.webform-submission-form .form-checkboxes label {
float: none;
width: 90%;
position: relative !important;
height: auto;
display: inline-block;
vertical-align: middle;
line-height: 120%;
text-align: left;
}
.webform-submission-form .webform-component-date input {
width: auto;
height: auto;
padding: 0;
margin: 8px 0 0;
display: inline-block;
vertical-align: top;
}
.webform-submission-form .webform-component-date select {
width: 100%;
display: inline-block;
vertical-align: top;
}
.webform-submission-form .webform-component-time {
display: block;
margin: 10px 0 0;
}
.webform-submission-form .webform-component-time .form-item {
width: 24%;
display: inline-block;
vertical-align: middle;
padding: 0;
margin: 0;
}
.webform-submission-form .webform-component-time .form-item:last-child {
margin: 5px 0 5px 5px;
}
#sliding-popup {
height: 140px !important;
text-align: center;
}
#sliding-popup .popup-content {
max-width: 320px;
}
#sliding-popup .popup-content #popup-text {
width: 100%;
max-width: 100%;
padding: 7px 0 2px;
margin: 0;
text-align: center;
}
#sliding-popup .popup-content #popup-buttons {
width: 100%;
max-width: 100%;
text-align: center;
}
#sliding-popup .popup-content #popup-buttons button {
font-size: 13px;
}
#sliding-popup .eu-cookie-compliance-more-button {
display: block;
width: 100%;
line-height: 30px;
text-align: center;
}
}
/* ==========================================================================
Custom animation
========================================================================== */
@keyframes fadeInRight {
0% {
opacity: 0;
transform: translateX(100%);
}
100% {
opacity: 1;
transform: translateX(0px);
}
}
@keyframes fadeInDown {
0% {
opacity: 0;
transform: translateY(100%);
}
100% {
opacity: 1;
transform: translateY(0px);
}
}
@keyframes fadeInLeft {
0% {
opacity: 0;
transform: translateX(-100%);
}
100% {
opacity: 1;
transform: translateX(0px);
}
}
@keyframes fadeInUp {
0% {
opacity: 0;
transform: translateY(-100%);
}
100% {
opacity: 1;
transform: translateY(0px);
}
}
@keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes rotation {
from {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-webkit-transform: rotate(359deg);
-moz-transform: rotate(359deg);
transform: rotate(359deg);
}
}
@keyframes blink {
0%, 100% {
opacity: 1;
}
50% {
opacity: 0;
}
}
@keyframes fadeMenuDown {
0% {
opacity: 0;
transform: translateY(-100%);
}
100% {
opacity: 1;
transform: translateY(0px);
}
}
@keyframes arrowDown {
0%, 20%, 50%, 80%, 100% {
transform: translateY(0);
}
40%, 60% {
transform: translateY(-15px);
}
}
@keyframes menuRight {
0% {
opacity: 0;
right: 300px;
}
100% {
opacity: 1;
right: 0;
}
}
/*[data-aos="balos"] {opacity: 0; transform: scale(1) rotate(0deg) translateX(-200px) translateY(0px) skewX(0deg) skewY(0deg);}
[data-aos="jobbos"] {opacity: 0; transform: scale(1) rotate(0deg) translateX(200px) translateY(0px) skewX(0deg) skewY(0deg);}
[data-aos="footeres"] {opacity: 0; transform: scale(1) rotate(0deg) translateX(0px) translateY(-150px) skewX(0deg) skewY(0deg);}
[data-aos="balos"].aos-animate,
[data-aos="jobbos"].aos-animate,
[data-aos="footeres"].aos-animate {opacity: 1; transform: scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);}
/*Animation property: https://css-tricks.com/almanac/properties/a/animation/ - HTML: data-aos="fade" data-aos-anchor-placement="top-bottom"
animation-duration: 1.5s; //Xs or Xms
animation-timing-function: ease-out; //ease, ease-out, ease-in, ease-in-out, linear, cubic-bezier(x1, y1, x2, y2) (e.g. cubic-bezier(0.5, 0.2, 0.3, 1.0))
animation-delay: 0s; //Xs or Xms
animation-direction: alternate; //normal, alternate
animation-iteration-count: infinite; //infinite or number
animation-fill-mode: none; //forwards, backwards, both, none
animation-play-state: running; //paused, running, running
AOS Html Options:
data-aos="valami" - animáció meghívás
data-aos-offset="200" - ennyi px-el kezdi az animációt előbb
data-aos-easing="ease-in-sine" - idő görbe
data-aos-anchor-placement="bottom-bottom" - animáció pozició indítás
data-aos-duration="2000" - animáció sebesség
==========================================================================
Divider SVG'S
==========================================================================
.divider {display: block; pointer-events: none; margin: 50px 0; path {opacity: 1;}}
//