/* FOR INDIVIDUAL MESSE */

.mbody { background-color: var(--bg-body); }
		
@media (min-width:    1px) { :root { --bd-pad: 1% 3%; }} /* Small phones */
@media (min-width:  480px) { :root { --bd-pad: 1% 4%; }} /* Large phones */
@media (min-width:  768px) { :root { --bd-pad: 1% 5%; }} /* Tablets */
@media (min-width: 1024px) { :root { --bd-pad: 1% 6%; }} /* Small desktops/laptops */
@media (min-width: 1200px) { :root { --bd-pad: 10px calc((100% - 1080px) / 2);}} /* Large desktops */

/* Regular anchors */		
.areg {text-decoration:none;color:var(--bd-txtc);font-weight:normal;font-family:var(--bd-txtf);}
.areg:link, .areg:visited {text-decoration:none;color:var(--bd-txtc);font-family:var(--bd-txtf);}	   	
.areg:hover {text-decoration:underline;color:var(--bd-txtc);font-family:var(--bd-txtf);}

/* anchors for text fields*/
.aregt {text-decoration:none;color:var(--bd-txtc);padding-bottom: 3px;font-weight:normal;font-family:var(--bd-txtf);
        box-shadow: inset 0 -2px 0 var(--aa-shdw); transition: box-shadow 0.2s ease-in-out; }
.aregt:hover {box-shadow: inset 0 -2px 0 var(--bd-txtc);}

/* Exhibition name */
.hd1 { background-color: var(--msn-bkg); color:var(--bd-txtc); margin:0px; border:none; width:100%; padding: var(--bd-pad); }
.hdhr { height:1px; background-color:#666; opacity:.3; margin-block-start:0; margin-block-end:0; } /* bottom line */

/* Logo at top */
@media (min-width: 1px) { .lgimg  {width:80px} }
@media (min-width: 1024px) { .lgimg  {width:100px} }

/* main menu at top*/
.hdm {float:left;padding:1%;margin:0%;border:0px solid red;}
@media all and (min-width:    1px) { .hdm {width:80%} }
@media all and (min-width:  640px) { .hdm {width:40%} }
@media all and (min-width: 1024px) { .hdm {width:25%} }
.hdm a {font:100% var(--bd-txtf);font-weight:bold;color:var(--bd-txtc);text-decoration:none;}
.hdm a:visited {font:100% var(--bd-txtf); font-weight:bold;color:var(--bd-txtc);text-decoration:none;}
.hdm a:hover {border-bottom:2px solid var(--bd-txtc)}
.hdm {float:left;padding:1%;margin:0%;}
.hd1 table {border:0px solid blue;}
.hd1 td {border:0px solid blue;}

/* BIG PICTURE */
.bpd {width:100%;max-height:60vh;overflow: hidden;padding:0px;margin:0px;border:0px solid red;line-height:0;}
.bpd img {width:100%;height:100%;max-height:60vh;object-fit:cover;object-position:top;display:block;padding:0px;margin:0px;border:0px solid blue;}

/* WHITE STRIP */
.wsc1 {background-color:var(--msn-bkg);font-size:150%;font-family:var(--bd-txtf);font-weight:bold;font-style:normal;color:var(--bd-txtc);text-align:top;}
.wsc2 {background-color:var(--msn-bkg);font-size:100%;font-family:var(--bd-txtf);font-weight:normal;font-style:normal;color:var(--bd-txtc);text-align:top;}
.wsc2 p {margin-bottom:1%}
/* @media all and (min-width: 180px) {}}*/
@media all and (max-width: 1023px) {
	.wsc1 {width:100%;padding:1% 2% 2% 2%;background-color:var(--msn-bkg);} 
	.wsc2 {width:100%;padding:1% 2% 2% 2%;background-color:var(--msn-bkg);}} 	
@media all and (min-width: 1024px) {
	.wsc1 {width:33%;float:left;padding:15px 25px 25px 25px;background-color:var(--msn-bkg);} 
	.wsc2 {width:67%;float:left;padding:15px 25px 25px 25px;background-color:var(--msn-bkg);}} 

/* FLEXIBLE BLOCKS */
.fbd {margin:0px;border:none;width:100%;background-color:var(--bd-flbx);display:flex;flex-wrap:wrap;}
@media all and (min-width: 180px) {.fbd {padding:1% 5%;}}
@media all and (min-width: 1475px) {.fbd {padding: 10px calc((100% - 1365px) / 2);}}
.fbd:after {content:"";display:table;clear:both;}
.fbb {float:left;padding:1%;margin:0%;}
.fbb:after {content:"";position:absolute;height:100%;}
@media all and (min-width: 1px) { .fbb {width:100%} }
@media all and (min-width: 640px) { .fbb {width:50%} }
@media all and (min-width: 800px) { .fbb {width:33.333%} }
@media all and (min-width: 1024px) { .fbb {width:25%} }
.fbb h1 {margin-bottom:4%;font-size:120%;font-weight:bold;color:var(--bd-txtc);font-family:var(--bd-txtf);}
.fbi {padding:5%; border-top:8px solid var(--mainclr); width:100%; height:100%; background-color:var(--msn-bkg);line-height:1.2;}
.fbi span {font-size:120%;font-weight:bold;color:var(--mainclr);white-space:nowrap;font-family:var(--bd-txtf);}
.fbi ul {padding-left:10%;}
@media all and (min-width: 1px) { .fbi2 {padding:5%;} }
@media all and (min-width: 640px) { .fbi2 {padding:2%;} }
.fbif {display: flex; flex-direction: column;} /* for separating last anchor to bottom */
.fbib {margin-top: auto;} /* to move anvhor-button to bottom */

/* BUTTONS */
.btn1 { border:0px solid red; border-radius:5px; background-color:var(--mainclr); width:100%; overflow: hidden; } 
.btn1h { width:50%; }

/* ANCHOR WITH ARROWS */
.warr { background:url("../../icon_arrow_right_light.svg") calc(2% + 2px) calc(50% - 0px) no-repeat; background-size: 15px 12px;         
        text-indent1:calc(4% + 18px); text-decoration:none; color:white; font-family:var(--bd-txtf); 
        display: block; width:100%; height:100%; padding: 2% 0 2% calc(4% + 18px); }