@import url('https://fonts.googleapis.com/css2?family=Libre+Baskerville&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');
@import url('https://fonts.googleapis.com/css?family=Spectral SC');
:root{
--main-container-bg-color:#ebebeb;
--main-bg-color:#ffffff;
--main-txt-color:#333333;
--link-active-color:#ee6644;
--link-hover-color:#ccaa22;
--popup-bg-color:#d9d6cb;
--slide-bg-color:#c0c0c0;
--main-container-width:900px;
--main-font:'Spectral SC';
--main-font-size:'Libre Baskerville';
--main-table-bg-color:#3b3429;
--homebox-border-color:#c0a172;
--register-button-bg-color:#262217;
--main-width:95%;
--body-width:920px;
--float-width:700px;
--font:'Roboto';
--fontSub:'Libre Baskerville';
}
/* END VARIABLE  ! USES MARK FOR HEADER END*/

body{
    font-family: var(--main-font);
    font-size: var(--main-font-size);
    line-height:1.4em;
    color: var(--main-txt-color);
    text-align:center;
    background-color: var(--main-bg-color);
}

body,h1,h2,h3,h4,h5,h6{
font-family:var(--main-font);
}


/*--link-hover-color: #dddd44;*/
img { border-style: none; }

.showlink a:link {text-decoration: none; color: var(--link-active-color); font-weight: bold;font-size:100%;}
.showlink a:visited {color: var(--link-active-color);}
.showlink a:active {color: var(--link-active-color);}
.showlink a:hover {color: var(--link-hover-color);}


hr{
color:#aaaaaa;
width:80%;
}


.vs-infoblock{
font-size:80%;
line-height: 100%;
}

.vs-image
{
padding:0px;
}

.vs-imageover
{
position:relative;
top:90%;left:3%;
top:0%;left:0%;
}

.vs-flex
{
width:100%;
border:0px solid red;
display:flex;
flex-wrap:wrap;
justify-content:center;
/*gap:50px;*/
}
.vs-imageDiv
{
position: relative;
left: 0;
top: 0;
margin:0;
border:1px solid blue;

}

.vs-imageDiv:hover
{
cursor:pointer;
}

.vs-main
{
background-color: var(--main-container-bg-color);    
}

.vs-slidepopup{
background-color: var(--slide-bg-color);    
}

.vs-galleryImg
{
height:200px;

}