/***** iPhone (landscape) *****/
@media only screen and (max-width: 844px) {

#header_left{display: none;}	
#header_right{display: none;}
	
#logo-container{justify-content: flex-start; padding-left: 50px;}
	
.slicknav_menu {
	display:inherit;
}

#menu {display: none; }	
	
.mobile-show {display: inherit;}
.mobile-hide {display: none;}

#new-logo{width: 208px;
height: 36px;
}
#header-top{ padding: 30px 0;}
#logo-container { padding-left: 35px;}



.slicknav_btn{position: absolute !important;}
.slicknav_nav{position: absolute !important;}

.sticky {
  position: relative;
}

/* Add some top padding to the page content to prevent sudden quick movement (as the header gets a new position at the top of the page (position:fixed and top:0) */
.sticky + .content {
  padding-top: 0;
  }

.sticky > div > div > a > #new-logo{width:208px; height: 36px;}
.sticky > #header-top {padding: 30px 0;}
.sticky > .slicknav_menu > .slicknav_btn{margin: 25px 5px !important;}
 .sticky > .slicknav_menu > .slicknav_nav{   top: 96px !important;}


.header-left {float: none; width: 100%; display: block; text-align: center; margin: 6px 0 10px 0;}
.header-right {float: none; width: 100%; display: block; text-align: right;}


/* These styles are used by /designer-trade-program.cfm - JMF - 3/13/2025 */
	
.dtp-h1 {font-size:26px;}
.dtp-h2 {font-size:24px; color:#000; padding:0; margin:0;}
.dtp-p {font-size:20px; line-height:26px;}
.dtp-list li {font-size:22px;line-height:34px;}
.discount-table td {
	text-align:center;
	font-size:18px;
}

/* end /designer-trade-program.cfm styles */
	
#home-bgnd-img {
	width: 100%; 
	height: 75vh; /* 75% of viewport */ 
	background-size: cover; 
	background-repeat: no-repeat; 
	background-position: center center;
	}
	
#home-shade {
	width: 100%; 
	height: 75vh; 
	background-image:linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.45));
	text-align: center;
}

.slide-header {
	font-size: 1.8em; 
	line-height: 1em;
	margin-bottom: 10px;
	 }
	 
.slide-txt {
	width: 90%;
	font-size: 0.8em; 
	line-height: 1em;
	padding-bottom: 20px;
	
}	
/*
.sy-pager li {
    display: inline-block;
    width: 0.8em !important;
    height: 0.8em !important;
    margin: 0 0.6em 0 0 !important;
  }

.sy-pager{  margin: -1.5em 0 0 !important;}
*/
.social-icon {text-align: center;}


.feature-txt {
		font-size: 30px;
		letter-spacing: 0.08em;

}	


.feature-img {
	background-size: cover; 
	background-position: center center;
	width: 100%; 
}
/*
.feature-img:after {
	content: "";
	display: block;
	padding-bottom: 50%;
}
*/

.category-txt {
		font-size: 30px;
		letter-spacing: 0.08em;

}	


.category-img {
	background-size: cover; 
	background-position: center center;
	width: 100%; 
}
/*
.category-img:after {
	content: "";
	display: block;
	padding-bottom: 50%;
}

*/

a:link.white-border {
	font-size: 13px;
	padding: 5px 25px;

}

.orderform {border:1px solid #5096aa;}

.orderform-grid {
	padding-top:0px;
	} /* for order-form.cfm */

.orderform-grid-qty {
	padding-top:0px;
	} /* for order-form.cfm */

a:link.footer-link {
	display: block;
	text-align: center;
	margin-bottom: 8px;
}



a:link.footer-link:last-of-type { border: 1px solid #333; margin-left: 0; }


.copyright {
	font-family: futura-pt, sans-serif;
	font-size: 11px; 
	line-height: 14px;
	letter-spacing: 0.55px;
	color: #FFFFFF;
	text-align: center; 

}

h3 {
	font-size: 40px; 
	line-height: 40px;
	padding-top: 54px;
	text-align: center;
	padding-bottom: 0;


}

.int-header {height: 150px; }


.breadcrumbs {display: none;
}

#prop-detail-header {border-bottom: none; border-top: 1px solid #e7e7e7; width: 100%;}

#main-image {max-height: 40vh;min-height: 275px;}

/*.sidebar {display: none; }*/
#filter-container{display: none; }

.gridview {position: relative; float: left; display: block; width:100%; margin: 0 0 1% 0;}

.grid-tn {width: 100%; background-position:center center; background-size: contain; background-repeat: no-repeat; border: 0; text-align: center; color: #333; text-decoration: none; }


.grid-txt {		
		font-family: futura-pt, sans-serif;
		font-style: normal;
		font-weight:300;
		position: absolute;
		left: 0;
		right: 0;
		font-size: 16px;
		line-height: 18px;
		padding-top:100%;
		
}
.grid-margin a {margin-top: 1% !important;}

.spec ul li{ width: calc(100% - 10px); }
.spec ul li:nth-child(4n+1), .spec ul li:nth-child(4n+2){background: unset;}
.spec ul li:nth-child(odd){background: #efefef;}


.catalog {width: 128px; margin-top: 0; position: relative; top: -15px;}


.frm-fld-3 {
		width: 24.6%; 
	}	
	

#news_container{padding: 0;}

#newsletter{text-align: center;    padding: 40px 0 60px 0; width: 100%;}
#newsletter h4 {font-size: 20px;}

#news_container{flex-direction: column;}
#news-border{
	border-top: 1px solid #DDDDDD; border-left: none;
}
.big-social-container{padding-bottom: 34px !important;}
.big-social-container .flex{justify-content: center;}


/* MOVING TYPOGRAPHY */


div.slide-up {
  width:100%;
  height: 75vh;
  overflow:hidden;
  position: absolute;  
}

div.slide-up .move {
  animation: 2s slide-up;
  margin-top: 15vh;
  }

@keyframes slide-up {
  from {
    margin-top: 75vh;
    height: 500%; 
  }

  to {
    margin-top: 15vh;
    height: 100%;
  }
}