/**
 * Content
 */

body {

	color: #000;
    font-family: Gers;
    font-size: 16px;
    font-weight:lighter;
    text-decoration: none;
}

image-link {
}


body a{
    font-weight:normal;
    color: #000;
}
body a:link {
        font-weight:lighter;
    text-decoration: none;
    	color: #000;
	}
body a:link:hover {
     border-bottom: .5px solid currentColor;
    font-style: italic;
    color: #000;
	}
body a:link:active {
     border-bottom: .5px solid currentColor;
    font-style: italic;
    color: #000;
	}


hr { margin-top: 27px; margin-bottom: 27px }

hr a{ margin-top: 27px; margin-bottom: -27px }

/* Fonts */
/* Typeface */
@font-face {font-family: 'Gers';font-weight: normal;font-style: normal;src: url('https://files.cargocollective.com/c724884/Gerstner-ProgrammRegular.woff2') format('woff2');}
@font-face {font-family: 'Gers';font-weight: lighter; font-style: italic;src: url('https://files.cargocollective.com/c724884/Gerstner-ProgrammLightItalic.woff2') format('woff2');}
@font-face {font-family: 'Gers';font-weight: lighter;font-style: normal;src: url('https://files.cargocollective.com/c724884/Gerstner-ProgrammLight.woff2') format('woff2');}


@media only screen and (max-width : 320px) {
   /* Styles for screen-widths equal to or less than 320px */
#logo a:link {
    align-content: center;
    width:100%;
    height: 100%;
}
    }

#logo a:link {
    align-content: center;
    width:87px;
}

#footer a{
        font-family:'Gers';
    font-weight: lighter;
        font-size: 16px;
     color: #000; }

#footer a:link{
  text-decoration: none;
     color: #000; 
    font-weight: lighter;
        font-size: 16px;
    border: none;
         color: #000; 
}

#footer a:link:active{
  text-decoration: none;
     color: #000; 
    border: none;
}

#footer a:link:hover{
    font-style: italic;
 border-bottom: .5px solid currentColor;}
    
  #footer a{
  font-family:'Gers';
    font-weight: lighter;
         color: #000; 
}
 
#body {
  font-family:'Gers';
    font-weight: lighter;
    font-size: 16px;
text-decoration: none;
}

 #body a{
  font-family:'Gers';
    font-weight: lighter;
}
#menu {

font-family:'Gers';
    font-size: 16px;
    font-weight: lighter;
    list-style: none;
    text-decoration: none;
    color:#000;	
}

#menu a:link {
    font-family:'Gers';
    font-size: 16px;
    font-weight: lighter;
    list-style: none;
    text-decoration: none;
    color:#000;
}

#menu a:link:hover {
 font-style: italic;
     border-bottom: .5px solid currentColor;
}

#menu a:link:active {
    font-style: italic;
    list-style: none;
    text-decoration: none;
}
#menu #nav {
        font-family:'Gers';
    font-size: 16px;
    list-style: none;
    text-decoration: none;
}

#menu #nav a:link:active{
    font-weight: lighter;
    font-style: italic;
    color:#000;
    text-decoration: none;
}

#menu #nav a:link:hover {
  font-weight: lighter;
    font-style: italic;
     border-bottom: .5px solid currentColor;
}

#menu #nav li {
         font-weight: normal;
}

#menu #nav li a {
  color: #000;
  text-decoration: none;
    font-weight: lighter;
}

#menu #nav li a:hover {
  font-weight: lighter;
    font-style: italic;
     border-bottom: .5px solid currentColor;
}



@media screen and (max-width: 320px) {
  #projectnames li a:link{
    font-size: 24px;
      line-height: 26px;
  }
    #menu link{
text-align: center;
}
}



#projectnames{
  color: #000;
    list-style: none; 

}

#projectnames li{
    font-family:'Gers';
    font-weight: lighter;
    font-size: 16px;

}
#projectnames li:active{
    font-family:'Gers';
    font-weight: lighter;
        font-style: italic;
}

#projectnames li:hover{
    font-family:'Gers';
    font-weight: lighter;
    font-style: italic;
}

#projectnames li a{ 
    font-family:'Gers';
    font-weight: lighter;
    font-size: calc(16px + 2.5vw);
    line-height: calc(16px + 2.5vw);
  
}
     
#projectnames li a:active {
    
    text-decoration: none;

}
#projectnames li a:link {
    text-decoration: none;
}
#projectnames li a:hover {
 border-bottom: .5px solid currentColor;
    
    
}



/* Hover Image*/
/* Hover Image*/
/* Hover Image*/
 
.hover-title {
    display: inline;
    pointer-events: auto;
    cursor: pointer;
}

.hover-image {
    visibility: hidden;
}

body:not(.mobile) .hover-title:hover + .hover-image {
    visibility: visible;
    pointer-events: none;
}

.hover-image {
    position: fixed;
    top: 61%;
    left: 78%;
    transform: translate(-50%, -50%);
    z-index: 1200;
    pointer-events: none;
    flex-direction: column;
    align-items: left;
    justify-content: left;

/* Change width and height to scale images */
    width: 80vw;
    height: 80vh;
}

.hover-image img {
    max-width: 50% !important;
    max-height: 50% !important;
    width: auto !important;
    height: auto !important;
    margin-bottom: 0;
}

@media only screen and (max-width: 600px) {
.logo img{ 
  width: 100%;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
    .menu{
	text-align:center;
}
    .body img{
	width:100%;
        display:block
}
    #footer{

}
}
/*.wps-product-info-text-trigger-index:not(.wps-product-info-text-trigger) {
        display: inline; }
    .wps-product-info-text-trigger {
        cursor: default; }
    
    

 .wps-products-info-video {
        display: unset; }
 .wps-products-info-video {
          margin-top: 3rem;
          padding: 0; }
  .wps-products-info-video .product-video-container {
            position: fixed;
            display: none;
            pointer-events: none;
            width: auto;
            max-height: 60vh;
            z-index: 1200; }
*/

/**
 * Quick View
 */

[data-css-preset] .quick-view {
    padding-top: 2.5rem /*!quick_view_padding*/;
    padding-bottom: 2.5rem /*!quick_view_padding*/;
    padding-left: 2.5rem /*!quick_view_padding*/;
    padding-right: 2.5rem /*!quick_view_padding*/;
    height: 100% /*!quick_view_height*/;
    width: 100% /*!quick_view_width*/;
}

body.mobile .quick-view {
    width: 100%;
    height: 100%;
    margin: 0;
}


[data-css-preset] .quick-view-background {
    background-color: transparent /*!quick_view_bgcolor*/;
	background: rgba(255, 255, 255, 1) /*!quick_view_bgcolor*/;
}

.quick-view-caption {
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;
    transition: 100ms opacity ease-in-out;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 2rem 0;
    text-align: center;
    font-size: 1.8rem;
}

.quick-view-caption span {
    padding: 0.5rem 1rem;
    display: inline-block;
    background: rgba(0,0,0,0.4);
    color: white;
}

.quick-view-navigation .close-button .outer-color {
    stroke: rgba(0, 0, 0, 0.6);
    stroke-width: 2.5px;
}

.quick-view-navigation .close-button .inner-color {
    stroke: rgba(255, 255, 255, 1);
    stroke-width: 1.5px;
}

.quick-view-navigation .close-button {
    top: 10px;
    right: 10px;
    /* Change height/width together to scale */
    width: 36px;
    height: 36px;
}

.quick-view-navigation .left-arrow .outer-color,
.quick-view-navigation .right-arrow .outer-color {
    stroke: rgba(0, 0, 0, 0.6);
    stroke-width: 2.5px;
}

.quick-view-navigation .left-arrow .inner-color,
.quick-view-navigation .right-arrow .inner-color {
    stroke: rgba(255, 255, 255, 1);
    stroke-width: 1.5px;
}

.quick-view-navigation .left-arrow,
.quick-view-navigation .right-arrow {
    /* Change height/width together to scale */
    height: 36px;
    width: 36px;
}

.image-gallery-navigation .left-arrow .outer-color,
.image-gallery-navigation .right-arrow .outer-color {
    stroke: rgba(0, 0, 0, 0.6);
    stroke-width: 2.5px;
}

.image-gallery-navigation .left-arrow .inner-color,
.image-gallery-navigation .right-arrow .inner-color {
    stroke: rgba(255, 255, 255, 1);
    stroke-width: 1.5px;
}

.wallpaper-navigation .left-arrow .inner-color,
.wallpaper-navigation .right-arrow .inner-color {
    stroke: rgba(255, 255, 255, 1);
    stroke-width: 1.5px;
}

.wallpaper-navigation .left-arrow,
.wallpaper-navigation .right-arrow {
    /* Change height/width together to scale */
    height: 36px;
    width: 36px;
}

[data-css-preset] .container {
	margin-left: auto /*!content_center*/;
	margin-right: auto /*!content_center*/;
 /*!text_left*/;
}

[data-css-preset] .container_width {
	width: 100% /*!content_center*/;
}

[data-css-preset] body {
	background-color: rgb(241, 241, 241) /*!body_bgcolor*/;
}

[data-css-preset] .content_padding {
	padding-top: 5.2rem/*!main_margin*/;
	padding-bottom: 5.2rem/*!main_margin*/;
	padding-left: 5.2rem/*!main_margin*/;
	padding-right: 5.2rem/*!main_margin*/;
}

[data-css-preset] #site_menu_button {
	font-family:'Gers';
    font-weight: lighter;
        font-size: 12pt;
	top: 3rem /*!site_menu_button*/;
	left: 3rem /*!site_menu_button*/;
}

[data-css-preset] .quick-view-background {
	background: rgba(255, 255, 255, 0.59);
}