/* Ensure anchor links are below the header */
#content-desktop {display: block;}
#content-mobile {display: none;}

@media screen and (max-width: 768px) {
#content-desktop {display: none;}
#content-mobile {display: block;}

    }

#xt_wooqv{
    z-index: 999;
    height: 600px;
    background-color: #ffffff;
}

#xt_wooqv .label{
    color: black;
}

#xt_wooqv .xt_wooqv-item-info{
    height: 600px;
}

.woocommerce .products ul, .woocommerce ul.products {
    color: #ffffff;
    list-style: none outside;
}

sidebar-widget-area .widget_meta ul li { color: #ffffff; }   

.label {
color: #000;

}

a:link {
  color: #000000;
  text-decoration: none ;
}

#intro1{
    background: #ffffff;
    z-index: 9999;
}
#intro2{
    background: #ffffff;
    z-index: 9999;
}
#intro3{
    background: #ffffff;
    z-index: 9999;
}
a:link {
  text-decoration: none ;
} 

.anchor{
  display:block;
  height: 350px; /*same height as header*/
  margin-top: -350px; /*same height as header*/
  visibility:hidden;
}


/* Start Link Text */
.flex-nolinks{
width: 100%;
height: 2px;
background-color: silver;
margin-bottom:0px;
margin-top:30px;
}

.flex-links{
width: 100%;
height: 5vh;
background-color: white;
border-top: 2px solid silver;
border-bottom: 2px solid silver;
margin-bottom: 0px;
margin-top:30px;
position: sticky;
left: 0;
top: 0;
color: silver;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -moz-flex;
display: -webkit-flex;
display: flex;
text-align: center;
white-space:nowrap;
justify-content: space-between;
align-items: center;
}

.flex-link h3, .flex-link h4 {
align-self: center;
padding-top: 1vh;
padding-left: 0.75vw;
padding-right: 0.75vw;
font-size: 1vw;
font-weight: 400;
line-height: 1.5;
color: silver;  
}

.flex-link h5 {
align-self: center;
padding-top: 1vh;
padding-left: 0.75vw;
padding-right: 0.75vw;
font-size: 1vw;
font-weight: 1000;
color: silver;  
}

.flex-link:before{
}

.flex-link:hover {
  color: #000;
}

.flex-link:hover h2, .flex-link:hover h3, .flex-link:hover h4 , .flex-link:hover h5 {
    color: #000;
}

/* End Link Text */

/* Start Intro Fade out Sequence */

.overlay {
  height: 100vh;
  width: 100vw;
  position: fixed;
  left: 0;
  top: 0;
  background-color: rgb(255,255,255);
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-align-content: center;
  align-content: center;
  overflow-x: hidden;
  -webkit-animation-duration: 3s;animation-duration: 3s;
  -webkit-animation-fill-mode: both;animation-fill-mode: both;
}

.logo {
background:url(/wp-content/uploads/splashLogo_zl.png);
background-repeat: no-repeat;
background-position: center;
width: 100%;
height: 300px;
}

@-webkit-keyframes fadeOut {
0% {opacity: 1;}
100% {opacity: 0;}
}
         
@keyframes fadeOut {
0% {opacity: 1;}
100% {opacity: 0;}
}
         
.fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut;
}

/* End Intro Fade out Sequence */


/* Start Button Rectangles 

.flex-rectangle{
width: auto;
height: 10vh;
border: 2px solid silver;
margin-right: 15px;
color: silver;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -moz-flex;
display: -webkit-flex;
display: flex;
text-align: center;
white-space:nowrap;
overflow:hidden;
justify-content: center;
align-items: center;
}

.flex-rectangle h3, .flex-rectangle h4 {
align-self: center;
font-size: 1.4vw;
line-height: 1;
font-weight: 1000;
color: silver;  
}

.flex-rectangle h5 {
align-self: center;
font-size: 1vw;
line-height: 1;
font-weight: 1000;
color: silver;  
}

.flex-rectangle:before{
   background: #fff;
}

.flex-rectangle:hover {
	border: 2px solid black;
    background: #000;
    color: #fff;
}


.flex-rectangle:hover h2, .flex-rectangle:hover h3, .flex-rectangle:hover h4 , .flex-rectangle:hover h5 {
    color: #fff;
}

.flex-rectangle:after {
	border: 2px solid black;
    background: #000;
    color: #fff;
}


.flex-rectangle:active h2, .flex-rectangle:active h3, .flex-rectangle:active h4 , .flex-rectangle:active h5 {
    color: #fff;
}

End Button Rectangles */