.wp-caption {
font-size: smaller;
}
.wp-caption-text {
font-size: smaller;
}
.sticky {}
.screen-reader-text {}
.gallery-caption {
font-size: smaller;
}
.bypostauthor {}
.alignright,
.align-right {
text-align: right;
}
.alignleft,
.align-left {
text-align: left;
}
.aligncenter,
.align-center {
text-align: center;
}
.content-center{
display: flex;
align-items: center
} *,
*:before,
*:after {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
img {
margin: 0;
padding: 0;
border: 0;
line-height: 0;
vertical-align: top;
max-width: 100%;
height: auto;
}
blockquote,
q {
quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
code,
pre,
kbd,
samp {
font-family: monospace, monospace;
font-size: 1em;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
iframe {
display: block;
max-width: 100%;
}
header{
}
header li,
#main-menu li {
list-style-type: none;
}  :root {
--main-color: #ff7b5b;
--yellow-color: #EDC64F;;
}
.ease {
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
}
html {
scroll-behavior: smooth;
overflow-x: hidden;
}
body {
margin: 0;
padding: 0;
overflow-x: hidden;
text-rendering: optimizeLegibility;
scroll-behavior: smooth;
color: #2D2D2D;
font-family: 'Montserrat', sans-serif;
font-weight: 300;
font-size: clamp(0.875rem, 0.814rem + 0.259vw, 1.125rem)
}
ul,
ol {
padding: 0;
}
ul ul,
ul ul ul,
ol ol,
ol ol ol {
margin: 0.5rem 0;
}
ol ol,
ol ol ol {
padding-left: 1rem;
}
ul li {
list-style-type:'- ';
margin-bottom: 0.25rem;
margin-left: 1rem;
}
ul li::marker {
color: inherit;
}
ol {
list-style: none;
counter-reset: my-counter;
}
ol li {
counter-increment: my-counter;
margin-bottom: 0.25rem;
}
ol li::before {
content: counter(my-counter) '.';
background: var(--main-color);
width: 1.5rem;
height: 1.5rem;
border-radius: 50%;
display: inline-block;
line-height: 1.5rem;
color: white;
text-align: center;
margin-right: 0.5rem;
}
p {
line-height: 1.5;
}
a {
color: inherit;
text-decoration: none
}
a:hover {
color: #000;
text-decoration: none;
}
h1 {
font-size: 3rem;
font-weight: 500;
margin-top: 0;
}
h2,.assitej-decor {
font-weight: 500;
text-transform: uppercase;
line-height: 133.33%; 
}
h2{
margin:0 0 4rem
}
.assitej-decor{
font-size:clamp(4.688rem, 2.412rem + 9.709vw, 14.063rem);
color:var(--yellow-color);
letter-spacing: 4.5px;
}
.links{
padding-top:3.4rem
}
h3,
h4 {
font-size: 1.5rem;
font-weight: bold;
}
h1 a,
h2 a,
h3 a,
h4 a {
color: inherit;
}
blockquote {
background: #eee;
margin-left: 0;
margin-right: 0;
padding: 0.5rem 1.5rem;
overflow: hidden;
border-left: solid 5px var(--main-color);
}
hr {
border: none !important;
height: 3px;
background: #eee;
}
table {
border-spacing: 0;
border: solid 1px #ddd;
}
td,
th {
padding: 0.5rem 1rem;
border: solid 1px #ddd;
}
th {
background: #eee;
text-align: left;
}
#logo {
text-align: center;
max-width: 120px;
height: auto;
}
#logo a {
display: inline-block;
margin: 1.5rem 0;
}
.hidden{
display: none
}
main p, main ul{
line-height: 1.7;
margin:0.5rem 0
}
.post-meta ul {
overflow: hidden;
display: inline-block;
margin: 0 auto;
font-size: smaller;
}
.post-meta ul li {
display: inline-block;
float: left;
margin-right: 20px;
margin-left: 0;
}
.post-tags a,
.tagcloud a {
display: block;
float: left;
padding: 0.15rem 0.25rem;
border: solid 2px transparent;
font-size: small !important;
text-transform: uppercase;
display: inline-block;
margin: 0 5px 5px 0;
cursor: pointer;
background: var(--main-color);
color: #fff;
}
.post-tags a:hover,
.tagcloud a:hover {
background: #000;
}
.accordion {
margin: 0 0 2rem 0;
clear: both;
}
.accordion .accordion-content {
display: none;
}
.accordion .accordion-title h2,
.accordion .accordion-title h3,
.accordion .accordion-title h4 {
margin: 0;
}
.accordion .accordion-title {
cursor: pointer;
margin: 0;
line-height: 1.3;
border-bottom: solid 1px #ddd;
color: inherit;
padding: 0.65rem 0.5rem 0.65rem 2rem;
position: relative;
}
.accordion .accordion-title:after {
border-style: solid;
border-width: 2px 2px 0 0;
content: "";
display: inline-block;
height: 0.6rem;
width: 0.6rem;
background: transparent;
position: absolute;
top: 50%;
left: 0;
margin-top: -0.3rem;
transform: rotate(45deg);
vertical-align: top;
}
.accordion .accordion-title.active,
.accordion .accordion-title:hover {
color: var(--main-color);
}
.accordion .active h4 {
border-bottom: none;
}
.accordion .accordion-title.active:after,
.accordion .accordion-title:hover:after {
transform: rotate(135deg);
left: 0.25rem;
margin-top: -0.35rem;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.accordion .accordion-content {
margin: 0;
padding: 1rem 2rem;
overflow: hidden;
border-bottom: solid 1px #ddd;
}
.accordion .accordion-content p {
line-height: 1.4 !important;
}
.accordion .accordion-content p:last-of-type {
margin: 0 !important;
}
.light-bg {
background: #eee;
padding-top: 6vw;
padding-bottom: 6vw;
}
#copyright {
padding: 0.75rem 0;
text-align: center;
font-size: smaller;
}
.pagination {
clear: both;
text-align: center;
margin-top: 2rem;
}
.nav-links .current {
color: var(--main-color);
font-weight: bold;
}
.nav-links {
display: inline-block;
border-right: solid 1px #ddd;
border-top: solid 1px #ddd;
border-bottom: solid 1px #ddd;
}
.nav-links a,
.nav-links span {
display: block;
float: left;
width: 2.5rem;
height: 2.5rem;
line-height: 2.5rem;
color: inherit;
border-left: solid 1px #ddd;
}
.nav-links a:hover {
background: #eee;
}
#searchform {
position: relative;
width: 100%;
}
#searchform input[type="text"] {
width: 100%;
margin: 0;
}
#searchform button {
border: none;
height: 100%;
width: 30px;
position: absolute;
right: 10px;
background: none;
padding: 0;
border-radius: 0;
margin-top:0 !important
}
#searchform svg {
border: none;
height: 60%;
width: 30px;
}
#gotop {
width: 3rem;
height: 3rem;
line-height: 2rem;
background: var(--yellow-color);
position: fixed;
bottom: 1rem;
right: 1rem;
box-shadow: 0 1px 3px rgb(0 0 0 / 10%);
padding: 0.5rem;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
z-index: 10000;
}
#gotop svg {
width: 1rem;
height: 1rem;
display: block;
}
#gotop svg path {
fill: #fff;
}  .nobg #hero{
background: linear-gradient(90deg, #00041A 0%, #3756B6 96.07%);
padding-bottom: 2rem
}
#hero{
padding-top:2rem
}
#hero.front_page {
background-image: url(//assitej.hu/wp-content/themes/assitejredesign2023/img/hero-mobile.jpeg);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
#hero .text-img{
padding:72vw 1rem 17vw 1rem;
} .link-box h2, .link-box h3{
margin-bottom:2.5rem
}
.link-box p{
position: relative;
max-width: 600px;
margin:0
}
.link-box p:before{
content:"";
position: absolute;
width: 2px;
height: 100%;
background: #2D2D2D;
top:0
}
.link-box.left p{
padding-left:1.25rem;
}
.link-box.left p:before{
left:0;
}
.link-box + .link-box{
margin-top:4rem 
}
.link-box.right p{
padding-right:1.25rem;
text-align: right;
margin-left: auto
}
.link-box.right p:before{
right:0;
}
.link-box.right{
margin-top:4.7rem;
text-align: right
}
.yellow-title{
background: var(--yellow-color);
text-transform: uppercase;
color:white !important;
margin-bottom: 3rem;
font-weight: 500
}
.right .yellow-title{
right:0;
padding:1.375rem 1.25rem 1rem 4rem;
margin-left: 22vw;
margin-right: -50%;
text-align: left
}
.left .yellow-title{
margin-right: 1rem;
margin-left: -1rem;
padding:1.375rem 1rem 1rem 1.25rem;
font-size:clamp(1.875rem, 1.723rem + 0.647vw, 2.5rem)
}
.yellow-title span{
font-size:clamp(1.875rem, 1.192rem + 2.913vw, 4.688rem);
font-weight: 500;
}
.yellow-title span:nth-of-type(2){
font-size: clamp(1.25rem, 0.947rem + 1.294vw, 2.5rem)
} .parallax{
background: url(//assitej.hu/wp-content/themes/assitejredesign2023/img/chlidren.jpeg) no-repeat center center;
height: 90vw;
background-size: cover;
margin: 5rem 0 0 0
}
.link-box.left .button{
margin-left: 1.25rem
}
.link-box.right .button{
margin-right: 1.25rem
} #tagok{
padding:calc(5rem + 6.4vw) 0
}
.invert {
color:var(--yellow-color);
font-size:clamp(1.875rem, 1.192rem + 2.913vw, 4.688rem);
text-align: right;
display: inline-block;
text-transform: uppercase
}
.invert h2, .link-box h2{
margin-bottom: 0.7rem !important;
font-size:clamp(1.875rem, 1.192rem + 2.913vw, 4.688rem);
letter-spacing: 1.5px;
margin-top:0
}
.invert h2 span{
padding:6.4vw 0.5vw
}
.invert h2 span{
color:white !important;
position: relative
}
.invert h2 span:before{
content: "";
background: var(--yellow-color);
position: absolute;
top:0;
right: 0;
width: 100vw;
height: 100%;
z-index: -1
}
.invert>span{
color:#2d2d2d
}
.invert>span, h2{
font-size: clamp(1.25rem, 0.947rem + 1.294vw, 2.5rem);
font-weight: 500
}
.grid{
display: grid;
}
#tagok .grid{
grid-template-columns: 1fr;
grid-gap: 1rem;
padding-top:4.2rem
}
#tagok .grid .item{
display: grid;
grid-template-columns: 1fr;
grid-gap: 1rem;
border: 1px solid #2D2D2D;
}
#tagok .grid .item .tag{
display: flex;
justify-content: space-between
}
#tagok .grid img{
height: 100%;
width: 100%;
object-fit: cover;
max-height: 160px
}
#tagok .grid .item .col-1-3{
width:40%
}
#tagok .grid .item .col-2-3{
width:55%;
display: flex;
align-items: center;
letter-spacing: 0.28px;
}
@media (min-width: 600px) {
#tagok .grid{
display: grid;
grid-template-columns: 1fr 1fr;
padding:6.7vw 0;
}
} #news h2{
text-align: center;
padding-bottom: 3.2rem;
margin:0
}
#news h3{
font-weight: 500;
font-size:clamp(1rem, 0.939rem + 0.259vw, 1.25rem);
margin:1.125rem 0 1.875rem;
text-transform: uppercase
}
#news img{
height: 18rem !important;
object-fit: cover;
height: 100%;
width:100%
}
#news a{
text-decoration: none !important
}
.post-meta{
padding:1rem 0 0 0;
margin:0
}
.center{
text-align: center
}
.my_carousel .nav{
margin-top: 1rem;
} body:not(.home) main {
padding: 4rem 0 0 0;
}
body:not(.home) section.content {
padding: 4.6rem 0 0 0;
}
body:not(.home) section.content h2{
padding-bottom: 4.6rem;
font-size:clamp(1.875rem, 1.723rem + 0.647vw, 2.5rem);
line-height: 133% ;
font-weight: 500;
margin: 0;
}
body:not(.home) main a{
text-decoration: underline
}
.inner_page h1{
font-size:clamp(1.875rem, 1.192rem + 2.913vw, 4.688rem);
text-transform: uppercase;
line-height: 166%;
font-weight: 500;
color:white;
padding:4rem 0;
margin-bottom: 0
}
.hasbg .inner_page h1, .home h1, .single-tagok h1{
padding:25rem 0 7rem;
width: 37%;
}
.left .yellow-title{
margin-top:4.6rem
} footer{
background: #05295C;
color:white !important;
margin-top:6rem;
padding: 1.875rem 0;
font-weight: 300
}
footer a{
color:white !important;
transition: all 0.2s ease-in-out
}
footer a:hover{
text-decoration: underline
}
footer p{
padding-bottom: 1.4rem;
margin:0
}
#menu-footer-menu li::marker{
color:transparent
}
#menu-footer-menu li:first-of-type{
padding-right: 1.5rem;
position: relative
}
#menu-footer-menu li:first-of-type:after{
content: '|';
right: 0;
top:0;
position: absolute;
color:white
}
#menu-footer-menu{
display: flex;
justify-content: center
} .form-box{
margin-top:4rem
}
.form-box p{
margin:0 !important;
line-height: 1
}
.form-box label{
position: relative
}
.form-box label span:first-of-type{
position: absolute;
z-index: 1;
left:1.25rem;
top:2.1rem
}
.form-box .wpcf7-acceptance .wpcf7-list-item-label{
position: relative;
line-height: 1.7
}
.wpcf7-not-valid-tip{
top: 2.5rem !important;
left: 1.25rem!important;
font-size: smaller !important
}    
.wpcf7-acceptance .wpcf7-list-item-label span{
position: relative!important;
top:0 !important
}
.wpcf7-list-item-label{
display: flex!important;
margin-bottom: 2.4rem !important
}
.wpcf7-submit{
border:none !important;
background: var(--yellow-color) !important
}
.accept-text{
width:85%
}
.submit-box{
text-align: center;
position: relative
}
.wpcf7-spinner{
position: absolute!important;
bottom: 0.8rem;
right: 4rem;
}
.map{
margin-top:6.5rem
} .single-tagok #hero
{
background-image:url(//assitej.hu/wp-content/themes/assitejredesign2023/img/about.jpg) !important
}
.single-tagok img
{
width:100%
}
.single-tagok .row
{
--gap: 2.6rem;
padding:0 1.25rem 3.25rem;
}
.single-tagok h2
{
margin-bottom: 0;
font-size:clamp(1.25rem, 1.174rem + 0.324vw, 1.563rem)
}
.single-tagok .member-box, .single-tagok .content{
width: auto
}
.tagok_list a{
text-decoration: none !important
} .page-id-2622 h1{
width:80% !important
}
.page-id-2622 h2, .page-id-12 h2{
font-size:clamp(1.875rem, 1.723rem + 0.647vw, 2.5rem);
margin-bottom: 1.7rem
}
.page-id-2622 section:nth-of-type(2){
padding-top:5rem
}
.page-id-2622 a{
transition: all 0.2s ease-in-out
}
.page-id-2622 a:hover{
color:var(--yellow-color)
}
.page-id-12 h2{
margin-bottom: 4.3rem
}
.content-left p{
line-height: 2.3 !important;
margin:0
} .timeline{
margin-top:6rem;
padding-left: 1.25rem;
position: relative
}
.timeline:before{
content:"";
width: 1px;
height: 100%;
background: #9B9B9B;
position: absolute;
left:0;
top:0;
z-index: -2
}
.timeline .img-box{
width: 12.5rem;
height: 10rem;
background: gray;
max-width: 100%
}
.timeline h3{
font-size:clamp(1.25rem, 1.174rem + 0.324vw, 1.563rem);
font-weight: 500;
margin:1rem 0 0.5rem
}
.timeline a{
text-decoration: none !important
}
.timeline .img-box img{
width:100%;
height: 100%;
object-fit: cover
}
.timeline .year{
margin-bottom: 3rem;
position: relative;
cursor: pointer;
flex-wrap: nowrap
}
.timeline .year:before{
content:"";
width:1.125rem;
height:1.125rem;
background: background;
position: absolute;
border-radius: 50%;
left:-1.76rem;
top:1.3rem;
border: 4px solid var(--yellow-color);
z-index: 1;
transition: all 0.4s ease-in-out;
z-index: 0;
}
.timeline .year:after{
content:"";
width:1.75rem;
height:1.75rem;
background: white;
position: absolute;
border-radius: 50%;
left:-2rem;
top:1rem;
z-index: -1;
}
.timeline .year:hover:before{
background: var(--yellow-color);
border: 4px solid #FAF2DC;
}
.timeline >a:last-of-type .year{
margin-bottom: 1rem
}
.biennale-gallery, .broschure-box{
margin-top:4rem;
}
.biennale-gallery figure{
max-height: 300px;
}
.parent-pageid-12 .content-left h3{
padding-top:4.5rem
} @media (min-width: 767px) {
.hasbg #hero, #hero.front_page, .single-tagok #hero{
min-height: 53.646vw;
max-height: 53.854vw
}
#hero.front_page{
background-image: url(//assitej.hu/wp-content/themes/assitejredesign2023/img/hero.jpeg);
}
.hasbg #hero .text-img, #hero.front_page .text-img, .single-tagok #hero .text-img{
padding:7.8vw 3vw 11vw 3vw;
}
.links{
padding-top:7.2vw
}
.link-box.left p{
margin-left: 11.823vw;
padding-left: 3rem
}
.link-box.left.single p{
margin-left: 17vw;
}
.link-box.right{
margin-top:6rem
}
.link-box.right p{
margin-right: 11.823vw;
padding-right: 3rem
}
.biennale .link-box.left p{
margin-left:21.5vw
}
.link-box.right .button{
margin-right: calc(11.823vw + 3rem)
}
.link-box.left .button{
margin-left: calc(11.823vw + 3rem);
margin-top: 2.4vw !important;
}
.right .yellow-title{
margin-left: 25vw;
padding: 4vw  0 1.7vw 8.5vw
}
#tagok{
padding:calc(8vw + 6.4vw) 0 2.3vw 0
}
#tagok .content-box{
text-align: center
}
.invert h2 span{
padding:2.8vw 0.5vw
}
.link-box h2, .link-box h3{
margin-bottom:3vw !important
}
#tagok .grid{
padding:6.7vw 5.885vw;
grid-gap: 2.5rem;
}
.inner-main #tagok .grid{
padding:6.7vw 0;
}
input[type="submit"],
input[type="button"],
button,
.button {
margin-top:3vw !important
}
#news h2{
padding-bottom: 4rem
}
.left .yellow-title{
margin-right:40%;
padding-top:3rem;
padding-bottom: 1rem;
margin-top:6.25rem;
}
footer{
padding: 3.3rem 0;
}
body:not(.home) main {
padding: 6.5rem 0 0 0;
}
.hasbg .inner_page h1, .home h1, .single-tagok h1{
padding-top:26vw; 
padding-bottom: 10vw;
line-height: 133%
}
body:not(.home) section.content h2{
padding-bottom: 4.2vw;
line-height: 187%;
letter-spacing:0.8px
}
body:not(.home) section.content{
padding-top:8vw 
}
.form-box{
margin-left:9.896vw;
margin-right:9.896vw;
}
input[type="text"],
input[type="email"],
input[type="tel"],
select {
height: 4.4rem !important;
}
.form-box label span:first-of-type{
top:2.5rem
}
.single-tagok .member-box, .single-tagok .content{
--gap: 3.3rem;
margin:0 11.7rem;
}
.single-tagok .row{
padding-bottom:5.4rem
}
.single-tagok .content{
line-height: 35px;
letter-spacing: 0.36px;
}
.inner-main .content-box{
padding-left:7.125rem;
padding-right:7.125rem;
}
.content-left{
padding-left: 7rem;
}
.content-left p{
line-height: 2.3 !important
}
.page-id-2622 section:nth-of-type(2){
padding-top:4.167vw
}
.page-id-2622 h2{
margin-bottom: 4.5rem
}
.page-id-12 h2{
line-height: 1.7
}
.page-id-12 h2{
margin-bottom:6.25rem
}
.timeline{
margin-top:9.75rem;
padding-top:1rem;
padding-bottom: 1rem;
margin-right: 9.740vw
}
.timeline .year{
margin-bottom: 4.3rem
}
.biennale-gallery, .broschure-box{
margin-top:7.75rem;
}
.biennale-gallery figure{
min-height: 400px;
max-height: 415px
}
.parent-pageid-12 .content-left h3{
padding-top:6rem
}
}
@media (min-width: 768px) and (max-width:1340px){
.timeline .img-box{
min-width: 100%
}
}
@media (min-width: 1340px) {
.left .yellow-title{
margin-left: -100%;
padding-left: 100%;
padding-right:2rem
}
.left .yellow-title.small{
margin-right: 70%;
}
.hasbg .inner_page h1, .home h1, .single-tagok h1{
padding-top:28vw; 
padding-bottom: 12vw;
}
.timeline{
padding-left: 2.9rem;
margin-left:11.7rem;
margin-right:11.7rem;
}
.timeline .year:before{
left:-3.45rem;
}
.timeline .year:after{
left:-3.8rem;
top:1rem;
}
}
@media (min-width: 1024px) {
.parallax{
background-attachment: fixed;
height: 29vw;
margin-top:8vw
}
#news img{
height: 18vw !important;
}
}
@media (min-width: 1919px) {
}
@media (min-width: 768px) and (max-width:1280px){
.single-tagok .row, .single-tagok .content, .inner-main .content-box{
margin-left:4rem;
margin-right:4rem;
}
.single-tagok .row {
padding-bottom: 3rem;
}
}
@media (min-width: 768px) and (max-width:1919px){
#hero .text-img{
max-width: 45vw
}
.page-id-2622 h1{
width:60% !important
}
}
@media (min-width: 2800px) {
#hero .text-img{
padding:7.8vw 3vw 11vw 20vw;
} 
}
@media (max-width: 767px) {
.page-id-71 #hero,.page-id-83 #hero{
background-position: left -13rem center !important;
}
}
@media (max-width: 782px){
:where(.wp-block-columns.is-layout-flex),:where(.is-layout-flex) {
display: block !important
}
}
.post-template-default header h1{
display: none 
}
.wp-block-search__input{
min-width: 0 !important;
margin-bottom: 0 !important;
}
.wp-block-search__inside-wrapper  >button{
margin-top:0 !important;
padding: 0.5rem 1rem;
}
.widget{
margin-bottom: 2rem
}
.df-popup-thumb{
width:auto !important
}
.date-title{
text-transform:none !important
}
.broschure-box figure{
margin:0 !important
}