@import url("styles.css");
@import url("validation.css");

@import url("form.css");
@import url("component/card.css");
@import url("component/accordion.css");
@import url("component/message.css");
@import url("component/loader.css");
@import url("form.css");
@import url("fonts.css");
@import url("flexStyles.css");
@import url("colors.css");
@import url("custom/header.css");
@import url("custom/logo.css");
@import url("custom/sections.css");
@import url("custom/map.css");
@import url("custom/gallery.css");


* {
    -webkit-tap-highlight-color: rgba(0,0,0,0); /* make transparent link selection, adjust last value opacity 0 to 1.0 */
}


body {
    -webkit-touch-callout: none;                /* prevent callout to copy image, etc when tap to hold */
    -webkit-text-size-adjust: none;             /* prevent webkit from resizing text to fit */
    -webkit-user-select: none;   
    display: flex;
    margin: 0;
    padding: 0;
    justify-content: center;
    max-width: 100vw;
}

.hide{
    visibility: collapse;
    display: none;
}

app{   
    flex: 1;
    flex-flow: column;
    max-width: 100vw;
    
    margin: 0px;
    padding: 0px;
    /* min-width: 100%; */
    height: fit-content;
    /* overflow-y: scroll; */
}

::-webkit-scrollbar {
    /* width: 0px;  
    background: transparent;   */
}
/* Optional: show position indicator in red */
::-webkit-scrollbar-thumb {
    /* background: #FF0000; */
}


.logo{
    flex: 1;
    background-image: url('../img/brand/logo.png');
    background-repeat: no-repeat;
    background-size: contain;   
    background-position: left;
    height:2em;
    width: 2em;
    /* background-color: blue; */
    /* max-width: 220px; */
    /* width: 200px; */
}

@media (max-width: 600px) {
  }