/*Journal list*/

body.journal .panels .span-2, body.journal .panels .panel-video{padding:0;}
body.journal .panels .span-2 img{width:100%; height:100%; object-fit:cover;}

body.journal .panels-reverse .panels{flex-direction: row-reverse;}

body.journal .panels .panel-video > div{position:relative; overflow: hidden;}
body.journal .panels .panel-video iframe{height:100%; width:100%;}

body.journal .lgreen-bg.panel * {color:var(--white);}
body.journal .panel > div{width:100%; height:100%}

/* Journal article */

body[class^="journal-"] .journal-intro >div{max-width: 80%; margin:0 auto; padding:calc(var(--vpad) * 3.5) var(--hpad) 0;}
body[class^="journal-"] .journal-block >div{max-width: 80%; margin:0 auto; }
body[class^="journal-"] .journal-hero-img{position:relative} 
body[class^="journal-"] .journal-hero-img:before{position:absolute; width:200%; left:-50%; top:50%; display:block; height:100%; background: var(--white); content:''} 
body[class^="journal-"] .journal-hero-img img{position: relative;}
body[class^="journal-"] .journal-gallery img {width:32%; aspect-ratio:1 / 1; object-fit: cover }



/*Upcoming list*/


body.upcoming .upcoming-block >div{max-width: 80%; margin:0 auto; padding:var(--vpad) var(--hpad);}
body.upcoming .upcoming-item{padding:var(--20px); margin-bottom: var(--40px);}
body.upcoming .upcoming-item .row{flex-wrap: nowrap; position:relative}
body.upcoming .upcoming-item img{width:var(--250px); height:var(--250px); object-fit: cover; margin-right: var(--20px);}

body.upcoming .upcoming-item .row > a.arrowr{position: absolute; bottom:0; right:var(--60px);}
body.upcoming .upcoming-item .row > a:not(.arrowr){position: absolute; top:0; right:0;}

/* Upcoming article */
body[class^="upcoming-"] .upcoming-main > div{padding-top:calc(var(--vpad) * 4);}
body[class^="upcoming-"] .upcoming-main img{width:var(--400px); height:var(--600px); object-fit: cover; margin-left:var(--50px);}

body[class^="upcoming-"] .upcoming-main .row{position:relative}
body[class^="upcoming-"] .upcoming-main .row > a.arrowr{position:absolute; top:var(--200px); right:calc(var(--hpad) + var(--60px)); }

/*More Articles */
.articles-more .row{gap:3%}
.articles-more .article-item{width:32%;}



/*Repeatable FORM */
.subform-repeatable-wrapper .visually-hidden{display:none;}
.subform-repeatable-wrapper{margin-bottom: 1em;}
.subform-repeatable-wrapper table{width:100%;}
.subform-repeatable-wrapper thead{border-bottom:1px solid var(--black)}
.subform-repeatable-wrapper .btn-group{display:flex;}
.subform-repeatable-wrapper .btn-group .btn{width:1.3em; height:1.3em; display: flex; justify-content: center; align-items: center; }
.subform-repeatable-wrapper .btn-success{background:#3d854d; color:var(--white)}
.subform-repeatable-wrapper .btn-danger{background:#c52827}
.subform-repeatable-wrapper .btn-primary{background:#007db0}
.subform-repeatable-wrapper .btn-group .btn span{display:flex; color:white; line-height: 1;display: inline-block;}
.subform-repeatable-wrapper .icon-plus::before {content: "+"; font-family: "Font Awesome 6 Free"}
.subform-repeatable-wrapper .icon-minus::before {content: "-";}
.subform-repeatable-wrapper .icon-arrows-alt::before {content: "M";}
.subform-repeatable-wrapper .subform-repeatable-group {border:1px solid grey;}
.subform-repeatable-wrapper .subform-wrapper{padding:1em}
select.form-select[multiple]{height:fit-content;}