@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap');

:root{
	--fontSize: 0.9em;
	--fontStyle: "sans-serif";
  --rootBG: #cccccc;
  --maxWidth: 1024px;
  --contentBG: #fff;
  --contentFG: black;
  --headerBG: transparent;
  --headerFG: #fff;
  --headerOutBG: #967381;
  --headerOutFG: #fff;
  --headerOver: #fae90c;
  --titleColor:#74515f;
  --borderColor: #e0dcd8;
  --borderWidth:8px;
	--accentColor:#4991b7;
	--accentColorLight:#74515fb8;
  --emphasisBG: #fae90c;
  --extraBG: transparent;
  --extraBorderColor: #231F20;
  --extraBorderWidth: 2px;
  --extraRadius: 0em;
}

#outSec{
  display:none
}

.illus{
  top:0 !important;
  height: clamp(400px, 55vw, 600px) !important;
}  

#header {
    position: static;
}

#header .tplTitle {
    font-family: Playfair Display;
    font-weight: normal;
    text-align: center;
    font-size: clamp(2.2rem, 7vw, 4rem);
    /* padding: clamp(0.9rem, 9.4vw, 18rem); */
    padding: calc(9.4vw / 1.3);
    height: unset;
    line-height: 1em;
    text-indent: unset;
    flex: unset;
    overflow: visible;
    text-shadow: 0 0 10px rgba(0,0,0,0.7);
    height: 55vw;
    max-height: 597px;
    min-height: 320px;
    padding-block-end: 0;
    padding-block-start: 0;
}

#header .tplTitle a {
  pointer-events: none;
  margin-block-start: 5vw;
  display: block;
}

#content {
  margin-block-start: 0 !important;
  > .bkSec{
    background:var(--contentBG);
    padding-block-end: 30px;
  }
}

#content>.bkSec:first-child>.bkBase_ti {
  display:none
}

#content .bkBase_closed::before,
#content .bkBase_open::before{
    display:none
}

#content .bkBase_open, #content .bkBase_closed {
    display: inline-flex;
    border: 1px solid var(--accentColor);
    border-radius: 20px;
    padding: 20px;
    justify-content: center;
    align-items: center;
    height: unset;
  transition:all 0.2s;
}

#content .bkBase_open{
	background-color:var(--accentColor);
	color:white
}

#content .bkBase_open:hover,
#content .bkBase_closed:hover{
    box-shadow:0 0 20px lightgray
}

.layout_tb {
  width:100%
}

#content .bkBase_co.collBlk_closed,
#content .bkBase_co.collBlk_open{
 display:block !important;
 transition:all 0.5s;
 border:0;
 padding: 0;
 padding-block-start: 20px;
}

  
.bkBase_co.collBlk_closed{
  max-height:0;
  overflow:hidden;
  padding:0 !important
}

.bkBase_co.collBlk_open{
  max-height: 1600px;
}

.bkGallery .bkBase_ti{
  display:none
}

.bkSec .bkSec{
  border-radius:30px;
  box-shadow:0 0 20px lightgray;
  width:90%;
  margin:30px auto;
  padding:15px;
  background:var(--contentBG);
  box-sizing:
}

h2, h3, h4, h5 {
    font-family: Playfair Display;
}

.bkSec>h3.bkBase_ti {
    font-size: 2rem;
}

h4{
    font-size: 1.2rem;
}

.galFra img {
    border-radius: 12px;
}

.binImg, .remoteImage {
    border-radius: 30px;
}

.binCap {
    margin: 0;
}

.bkBase:is(.bkInfo, .bkEmphasis, .bkExtra, .bkCptTree, .bkGallery, .bkEvtList, .bkLegal, .bkPrivacy, .bkTyped) > .bkBase_co {
	padding: 0.5em 0.5em;
}

.webCap iframe{
    border-radius: 10px;
	height:400px
}

#extras, div.margin{
	min-height:unset
}

.tplFootBanner {
    line-height: 110%;
}

@media (min-width: 700px) {
	.txt_anim_ex:has(+ .txt_anim_ex),
	.txt_anim_ex + .txt_anim_ex{
		width: 50%;
		display: inline-block;
	} 
	.bkBase_co.collBlk_open{
	  max-height: 800px;
	}
	.webCap iframe{
	 	height:600px
	}
}