/*
Theme Name: Lone Star Furnishings 2018
Author: Gabe Gotay
Author URI: http://gabegotay.com/
Description: LoneStarFurnishings.com Custom Theme
Version: 0.1.0
*/

/* BODY */
html {
	margin: 0;
	padding: 0;
}
	
body {
	margin: 0;
	padding: 0;
	font-family: Montserrat, Arial, Helvetica, sans-serif;
	color: #00467F;
}

/* WIDTHS */
.fixed-width {
	display: block;
	width: 95%;
	max-width: 1200px;
	margin: 0 auto;
}

.one-half {
	float: left;
	width: 50%;
	min-height: 1px;
}

.one-third {
	float: left;
	width: calc(100% / 3);
	min-height: 1px;
}

.two-thirds {
	float: left;
	width: calc(100% / 3 * 2);
	min-height: 1px;
}

.one-fourth {
	float: left;
	width: 25%;
	min-height: 1px;
}

.break {
	clear: both;
}

/* HEADINGS */
h1 { 
	display: block;
	font-size: 2em;
	margin-top: 0.67em;
	margin-bottom: 0.67em;
	margin-left: 0;
	margin-right: .67em;
	font-weight: bold;
}

h2 {
	display: block;
	font-size: 1.5em;
	margin-top: 0.83em;
	margin-bottom: 0.83em;
	margin-left: 0;
	margin-right: 0;
	font-weight: bold;
}

h3 { 
	display: block;
	font-size: 1.17em;
	margin-top: 1em;
	margin-bottom: 1em;
	margin-left: 0;
	margin-right: 0;
	font-weight: bold;
}

h4 { 
	display: block;
	margin-top: 1.33em;
	margin-bottom: 1.33em;
	margin-left: 0;
	margin-right: 0;
	font-weight: bold;
}

.page-header {
	text-align: center;
}

/* HEADER */
.header {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: auto;
	background: rgba(255,255,255,.9);
	box-shadow: 0 0 10px 2px black;
	z-index: 1000;
}

.admin-bar .header {
  top: 32px;
}

#header-logo {
	float: left;
	width: 360px;
	height: 100px;
	margin: 10px auto;
	background: url(/wp-content/uploads/2023/08/LONE_STAR-_FURNISHINGS_LOGOTYPE_WEB_TRANSPARENT.png);
	background-size: cover;
	transition: .2s;
}

#header-contact {
	float: right;
	height: 60px;
	transition: .2s;
}

#header-contact img {
	float: left;
	width: 25px;
	height: 25px;
	margin: 17.5px 5px;
}

#header-number {
	float: left;
	font-size: 18px;
}

#header-contact-button {
	float: left;
	width: 140px;
	height: 45px;
	margin: 7.5px 10px;
	border-radius: 10px;
	background: #00467F;
}

#header-contact-button p {
	text-align: center;
	font-size: 20px;
	margin: 12.5px auto;
	color: white;
}

#header-navigation {
	clear: right;
	float: right;
	height: 60px;
}

#mobile-navigation {
	display: none;
}

.topnav {
	overflow: hidden;
}

.topnav a {
	float: left;
	display: block;
	color: black;
	text-align: center;
	padding: 14px 16px;
	text-decoration: none;
	font-size: 20px;
}

.topnav a:hover .dropdown:hover .dropbtn {
	color: #00467F;
}

.topnav .icon {
	display: none;
}

.galnav {
	background-color: #FFFFFF;
	overflow: hidden;
	float: none;
	position: relative; 
	display: block; 
	width: 95%;
	max-width: 635px; 
	margin: 0 auto;
	box-shadow: 0px 5px 8px black;
}

.galnav a {
	float: left;
	display: block;
	color: #00467F;
	text-align: center;
	padding: 14px 16px;
	text-decoration: none;
	font-size: 17px;
}

.galnav a:hover {
	background-color: #ddd;
	color: black;
}

.galnav a.active {
	background-color: #00467F;
	color: white;
}

.galnav .icon {
	display: none;
}


.dropdown {
	float: left;
	overflow: hidden;
}

.dropdown .dropbtn {
	font-size: 20px; 
	border: none;
	outline: none;
	color: black;
	padding: 14px 16px;
	background-color: inherit;
	font-family: inherit;
	margin: 0;
}

.dropdown-content {
	display: none;
	position: absolute;
	background-color: #f9f9f9;
	min-width: 160px;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	z-index: 1;
}

.dropdown-content a {
	float: none;
	color: black;
	padding: 12px 16px;
	text-decoration: none;
	display: block;
	text-align: left;
}

.dropdown-content a:hover {
	background-color: #ddd;
	color: black;
}

.dropdown:hover .dropdown-content {
	display: block;
}

#header-spacer {
	float: left;
	width: 100%;
	height: 120px;
}

/* SHRINK HEADER ON SCROLL */

.header.shrink #header-logo {
	height: 53px;
	background: url(media/star.png);
	background-size: cover;
	transition: .2s;
}

.header.shrink #header-contact {
	height: 0;
	overflow: hidden;
}

.header.shrink #header-navigation {
	height: 53px;
	margin: 10px auto;
}

/* BACKGROUNDS */
.bg-video {
	position: fixed;
	left: 0;
	top: 0;
	min-width: 100%;
	min-height: 100%;
	z-index: -100;
}

.YTvideoWrapper {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  padding-bottom: 56.25%;
  /* 16:9 */
  padding-top: 25px;
  height: 0;
}

.YTvideoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#page-background {
	position: fixed;
	left: 0;
	top: 0;
	min-width: 100%;
	min-height: 100%;
	z-index: -101;
	background: url(media/page-background.png);
	background-repeat: repeat;
}

/* PAGINATION */

.pagination {
    clear:both;
    position:relative;
    font-size:11px; /* Pagination text size */
    line-height:13px;
    float:right; /* Pagination float direction */
}
 
.pagination span, .pagination a {
    display:block;
    float:left;
    margin: 2px 2px 2px 0;
    padding:6px 9px 5px 9px;
    text-decoration:none;
    width:auto;
    color:#fff; /* Pagination text color */
    background: #00467F; /* Pagination non-active background color */
    -webkit-transition: background .15s ease-in-out;
    -moz-transition: background .15s ease-in-out;
    -ms-transition: background .15s ease-in-out;
    -o-transition: background .15s ease-in-out;
    transition: background .15s ease-in-out;
}
 
.pagination a:hover{
    color:#00467F;
    background: white; /* Pagination background on hover */
	box-shadow: 0 0 5px black;
}
 
.pagination .current{
    padding:6px 9px 5px 9px;
    color:#00467F;
    background: white; /* Pagination background on hover */
	box-shadow: 0 0 5px black;
}

/* SLIDER RULES */
.bx-wrapper {
	margin-bottom: 5px !important;
	border: none !important;
	box-shadow: none 0 0 8px black !important;
	background: none !important;
}

.bx-wrapper .bx-pager {
	padding-top: 0 !important;
	bottom: 5px !important;
}

.bx-wrapper .bx-controls-direction a {
	top: auto !important;
	bottom: 10px;
	z-index: 99 !important;
}

.bx-wrapper .bx-prev {
	left: auto !important;
	right: 45px;
}

.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-autod D{
	width: auto !important;
}

/* HOME PAGE */
#index-box-container {
	display: block;
	position: relative;
	margin: 225px auto;
	width: 100%;
	height: 300px;
}

.index-box {
	position: relative;
	display: block;
	margin: 0 auto;
	width: 300px;
	height: 300px;
	box-shadow: inset 0 0 10px black;
	border: solid thin white;
}

.index-box a {
	color: inherit;
	text-decoration: none;
}

.index-box a:hover {
	text-decoration: none;
}

.index-box-content {
	position: absolute;
	width: 100%;
	height: 100%;
	text-align: center;
	background: rgba(0,0,0,.1);
}

.index-box-content:hover {
	background: rgba(0,0,0,.3);
}

.index-box-content p {
	position: relative;
	font-size: 35px;
	font-weight: bold;
	line-height: 130%;
	text-shadow: 0 0 10px black;
	color: white;
}

#index-solutions {
	position: absolute;
	width: 100%;
	height: 100%;
	background: url(media/solutions-box-300x300.jpg);
	background-size: cover;
	background-position: center;
	opacity: 0;
	transition: .15s;
}

#index-turnkey {
	position: absolute;
	width: 100%;
	height: 100%;
	background: url(/wp-content/uploads/2023/08/CelinaMooreSquareWeb-1.jpg);
	background-size: cover;
	background-position: center;
	opacity: 0;
	transition: .15s;
}

#index-action {
	position: absolute;
	width: 100%;
	height: 100%;
	background: url(/wp-content/uploads/2023/08/DSC_0558-2.jpg);
	background-size: cover;
	background-position: center;
	opacity: 0;
	transition: .15s;
}

#index-action-logo {
	display: block;
	width: 275px;
	height: 45px;
	background: url(media/lone-star-white-275-45.png);
	margin: 0 auto;
	top: 90px;
	position: relative;
	background-size: cover;
	background-position: center;
}

.index-box:hover #index-solutions {
	opacity: 1;
}

.index-box:hover #index-turnkey {
	opacity: 1;
}

.index-box:hover #index-action {
	opacity: 1;
}

#social-container {
	position: fixed;
	left: 20px;
	bottom: 20px;
	width: 180px;
	height: 60px;
}

#social-container img {
	float: left;
	width: 40px;
	height: 40px;
	margin: 10px;
}

/* FURNITURE & EQUIPMENT SOLUTIONS PAGE */
.accordion {
    background-color: #eee;
    color: #444;
    cursor: pointer;
    padding: 8px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 20px;
    transition: 0.4s;
	border-top: solid medium #00467F;
	border-left: solid thin #00467F;
	box-shadow: 2px 2px 8px black;
}

.active, .accordion:hover {
    background-color: #ccc;
	border-top-color: #800000;
	border-left-color: #800000;
}

.panel {
    padding: 0 18px;
    background-color: white;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
	box-shadow: inset 0 0 10px black;
	overflow-y: scroll;
}

.panel::-webkit-scrollbar {
	width: 12px;
	background-color: #F5F5F5;
}

.panel::-webkit-scrollbar-thumb {
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #00467F;
}

.vendor {
	float: left;
	width: 100%;
	height: auto;
	margin-bottom: 10px;
	border-bottom: solid thin black;
}

.vendor p {
	margin-bottom: 0;
}

.vendor-name {
	float: left;
	width: 100%;
	min-height: 1px;
	font-weight: bold;
}

.vendor-description {
	float: left;
	width: 100%;
	padding-right: 10px;
}

.vendor-website {
	float: left;
	width: 100%;
	min-height: 1px;
}

.vendor-website p {
	margin-bottom: 1em;
}

.ffe-slides {
	position: relative;
	display: block;
	width: 100%;
	max-width: 400px;
	height: 250px;
	box-shadow: 2px 2px 8px black;
	margin: 5px auto;
}

.ffe-right-photos-label {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	background: rgba(0,0,0,.7);
}

.ffe-right-photos-label p {
	text-align: center;
	color: white;
	font-size: 18px;
	margin: 0;
	padding: 2px;
}

#catalog-width a {
	color: inherit;
	text-decoration: none;
	transition: .2s;
}

#catalog-width a:hover {
	color: black;
	text-decoration: underline;
}

/* SALES REP PAGES */
.rep-profile-pic {
	float: left;
	width: 250px;
	height: 370px;
	margin: 0 15px;
	box-shadow: inset 0 0 20px black;
}

.rep-info {
	text-align: left;
}

/* MEET THE TEAM PAGE */
.team-box {
	position: relative;
	display: block;
	margin: 20px auto;
	width: 250px;
	height: 250px;
	box-shadow: inset 0 0 10px black;
	border: solid thin white;
	z-index: 0;
}

.team-box a {
	color: inherit;
	text-decoration: none;
}

.team-box a:hover {
	text-decoration: none;
}

.team-box-content {
	position: absolute;
	width: 100%;
	height: 100%;
	text-align: center;
	background: rgba(0,0,0,.2);
}

.team-box-content:hover {
	background: rgba(0,0,0,.3);
}

.team-box-content p {
	position: relative;
	font-size: 25px;
	font-weight: bold;
	line-height: 130%;
	text-shadow: 0 0 10px black;
	color: white;
}

.team-box:hover .team-box-content {
	opacity: .2;
    cursor: pointer;
}

#about-lsf-box {
	position: relative;
	display: block;
	margin: 20px auto;
	width: 95%;
	height: 300px;
	box-shadow: inset 0 0 10px black;
	border: solid thin white;
	z-index: 0;
	background: rgba(0,0,0,.2);
}

#aboutLSF {
	position: absolute;
	width: 100%;
	height: 100%;
	background: url(/wp-content/themes/lsf-may-2018/media/meet-the-team.jpg);
	background-size: cover;
	background-position: center;
	opacity: 0;
	transition: .15s;
	z-index: 1;
	font-size: 25px;
	color: white;
	text-shadow: 0 0 10px black;
}

#about-lsf-box:hover #aboutLSF {
	opacity: 1;
    cursor: pointer;
}

#about-logo {
	position: relative;
	display: block;
	margin: 0 auto;
	width: 95%;
	max-width: 725px;
	top: 25px;
}

#about-logo-mobile {
	display: none;
}

#meetBrad {
	position: absolute;
	width: 100%;
	height: 100%;
	background: url(/wp-content/uploads/2018/06/brad-left.jpg);
	background-size: cover;
	background-position: center;
	opacity: 0;
	transition: .15s;
	z-index: 1;
}

.team-box:hover #meetBrad {
	opacity: .95;
}

#meet-rhonda {
	position: absolute;
	width: 100%;
	height: 100%;
	background: url(https://lonestarfurnishings.com/wp-content/uploads/2022/03/Rhonda-1.jpg);
	background-size: cover;
	background-position: center;
	opacity: 0;
	transition: .15s;
	z-index: 1;
}

.team-box:hover #meet-rhonda {
	opacity: 1;
}

#meet-rhonda {
	position: absolute;
	width: 100%;
	height: 100%;
	background: url(https://lonestarfurnishings.com/wp-content/uploads/2022/03/Rhonda-1.jpg);
	background-size: cover;
	background-position: center;
	opacity: 0;
	transition: .15s;
	z-index: 1;
}

.team-box:hover #meet-rhonda {
	opacity: .95;
}

#meet-ben {
	position: absolute;
	width: 100%;
	height: 100%;
	background: url(https://lonestarfurnishings.com/wp-content/uploads/2022/08/BenH.jpg);
	background-size: cover;
	background-position: center;
	opacity: 0;
	transition: .15s;
	z-index: 1;
}

.team-box:hover #meet-ben {
	opacity: .95;
}

#meet-leslie {
	position: absolute;
	width: 100%;
	height: 100%;
	background: url(/wp-content/uploads/2019/04/leslie-left.png);
	background-size: cover;
	background-position: center;
	opacity: 0;
	transition: .15s;
	z-index: 1;
}

.team-box:hover #meet-leslie {
	opacity: .95;
}

#meet-dan {
	position: absolute;
	width: 100%;
	height: 100%;
	background: url(/wp-content/uploads/2018/06/dan-left.jpg);
	background-size: cover;
	background-position: center;
	opacity: 0;
	transition: .15s;
	z-index: 1;
}

.team-box:hover #meet-dan {
	opacity: .95;
}

#meet-ron {
	position: absolute;
	width: 100%;
	height: 100%;
	background: url(/wp-content/uploads/2018/06/ron-left.jpg);
	background-size: cover;
	background-position: center;
	opacity: 0;
	transition: .15s;
	z-index: 1;
}

.team-box:hover #meet-ron {
	opacity: .95;
}

#meet-dave {
	position: absolute;
	width: 100%;
	height: 100%;
	background: url(/wp-content/uploads/2019/11/dave-left-square.jpg);
	background-size: cover;
	background-position: center;
	opacity: 0;
	transition: .15s;
	z-index: 1;
}

.team-box:hover #meet-dave {
	opacity: .95;
}

#meet-tiffany {
	position: absolute;
	width: 100%;
	height: 100%;
	background: url(/wp-content/uploads/2018/06/tiffany-left.jpg);
	background-size: cover;
	background-position: center;
	opacity: 0;
	transition: .15s;
	z-index: 1;
}

.team-box:hover #meet-tiffany {
	opacity: .95;
}

#meet-ted {
	position: absolute;
	width: 100%;
	height: 100%;
	background: url(/wp-content/uploads/2018/06/ted-left.jpg);
	background-size: cover;
	background-position: center;
	opacity: 0;
	transition: .15s;
	z-index: 1;
}

.team-box:hover #meet-ted {
	opacity: .95;
}

#meet-valerie {
	position: absolute;
	width: 100%;
	height: 100%;
	background: url(/wp-content/uploads/2018/06/valerie-left.jpg);
	background-size: cover;
	background-position: center;
	opacity: 0;
	transition: .15s;
	z-index: 1;
}

.team-box:hover #meet-valerie {
	opacity: .95;
}

#meet-travis {
	position: absolute;
	width: 100%;
	height: 100%;
	background: url(/wp-content/uploads/2023/05/Travis-Final.jpg);
	background-size: cover;
	background-position: center;
	opacity: 0;
	transition: .15s;
	z-index: 1;
}

.team-box:hover #meet-travis {
	opacity: .95;
}

#meet-kelly {
	position: absolute;
	width: 100%;
	height: 100%;
	background: url(/wp-content/uploads/2018/06/kelly-left.jpg);
	background-size: cover;
	background-position: center;
	opacity: 0;
	transition: .15s;
	z-index: 1;
}

.team-box:hover #meet-kelly {
	opacity: .95;
}

#meet-javier {
	position: absolute;
	width: 100%;
	height: 100%;
	background: url(/wp-content/uploads/2018/06/javier-left.jpg);
	background-size: cover;
	background-position: center;
	opacity: 0;
	transition: .15s;
	z-index: 1;
}

.team-box:hover #meet-javier {
	opacity: .95;
}

#meet-kelley {
	position: absolute;
	width: 100%;
	height: 100%;
	background: url(/wp-content/uploads/2018/06/kelley-left.jpg);
	background-size: cover;
	background-position: center;
	opacity: 0;
	transition: .15s;
	z-index: 1;
}

.team-box:hover #meet-kelley {
	opacity: .95;
}

#meet-michael {
	position: absolute;
	width: 100%;
	height: 100%;
	background: url(/wp-content/uploads/2018/06/michael-left.jpg);
	background-size: cover;
	background-position: center;
	opacity: 0;
	transition: .15s;
	z-index: 1;
}

.team-box:hover #meet-michael {
	opacity: .95;

}

#meet-brie {
	position: absolute;
	width: 100%;
	height: 100%;
	background: url(/wp-content/uploads/2019/05/brie-left.png);
	background-size: cover;
	background-position: center;
	opacity: 0;
	transition: .15s;
	z-index: 1;
}

.team-box:hover #meet-brie {
	opacity: .95;

}

#meet-gabe {
	position: absolute;
	width: 100%;
	height: 100%;
	background: url(/wp-content/uploads/2018/06/gabe-left.jpg);
	background-size: cover;
	background-position: center;
	opacity: 0;
	transition: .15s;
	z-index: 1;
}

.team-box:hover #meet-gabe {
	opacity: .95;
}

#meet-josh {
	position: absolute;
	width: 100%;
	height: 100%;
	background: url(/wp-content/uploads/2019/01/josh-left.jpg);
	background-size: cover;
	background-position: center;
	opacity: 0;
	transition: .15s;
	z-index: 1;
}

.team-box:hover #meet-josh {
	opacity: .95;
}

#meet-erin {
	position: absolute;
	width: 100%;
	height: 100%;
	background: url(/wp-content/uploads/2018/06/erin-left.jpg);
	background-size: cover;
	background-position: center;
	opacity: 0;
	transition: .15s;
	z-index: 1;
}

.team-box:hover #meet-erin {
	opacity: .95;
}

#meet-rebeccam {
	position: absolute;
	width: 100%;
	height: 100%;
	background: url(https://lonestarfurnishings.com/wp-content/uploads/2022/01/Rebecca-2.jpg);
	background-size: cover;
	background-position: center center;
	opacity: 0;
	transition: .15s;
	z-index: 1;
}

.team-box:hover #meet-rebeccam {
	opacity: .95;
}

#meet-bethany {
	position: absolute;
	width: 100%;
	height: 100%;
	background: url(/wp-content/uploads/2018/06/bethany-left.jpg);
	background-size: cover;
	background-position: center;
	opacity: 0;
	transition: .15s;
	z-index: 1;
}

.team-box:hover #meet-bethany {
	opacity: .95;
}

#meet-rebeccas {
	position: absolute;
	width: 100%;
	height: 100%;
	background: url(https://lonestarfurnishings.com/wp-content/uploads/2022/01/Rebecca-2.jpg);
	background-size: cover;
	background-position: center;
	opacity: 0;
	transition: .15s;
	z-index: 1;
}

.team-box:hover #meet-rebeccas {
	opacity: .95;
}

#meet-sara {
	position: absolute;
	width: 100%;
	height: 100%;
	background: url(/wp-content/uploads/2019/09/Sara-Left-Square-2.jpg);
	background-size: cover;
	background-position: center;
	opacity: 0;
	transition: .15s;
	z-index: 1;
}

.team-box:hover #meet-sara {
	opacity: .95;
}

#meet-colin {
	position: absolute;
	width: 100%;
	height: 100%;
	background: url(/wp-content/uploads/2019/09/colin-left-square-1.jpg);
	background-size: cover;
	background-position: center;
	opacity: 0;
	transition: .15s;
	z-index: 1;
}

.team-box:hover #meet-colin {
	opacity: .95;
}

#meet-mallory {
	position: absolute;
	width: 100%;
	height: 100%;
	background: url(/wp-content/themes/lsf-2018/media/mallory-left.jpg);
	background-size: cover;
	background-position: center;
	opacity: 0;
	transition: .15s;
	z-index: 1;
}

.team-box:hover #meet-mallory {
	opacity: .95;
}

#meet-diana {
	position: absolute;
	width: 100%;
	height: 100%;
	background: url(/wp-content/uploads/2018/06/diana-left.jpg);
	background-size: cover;
	background-position: center right;
	opacity: 0;
	transition: .15s;
	z-index: 1;
}

.team-box:hover #meet-diana {
	opacity: .95;
}

#meet-jolynn {
	position: absolute;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: center right;
	opacity: 0;
	transition: .15s;
	z-index: 1;
}

.team-box:hover #meet-jolynn {
	opacity: .95;
}

#meet-lacey {
	position: absolute;
	width: 100%;
	height: 100%;
	background: url(/wp-content/uploads/2019/09/lacey-left-square.jpg);
	background-size: cover;
	background-position: center right;
	opacity: 0;
	transition: .15s;
	z-index: 1;
}

.team-box:hover #meet-lacey {
	opacity: .95;
}

#meet-lauren {
	position: absolute;
	width: 100%;
	height: 100%;
	background: url(/wp-content/uploads/2019/12/lauren-left.png);
	background-size: cover;
	background-position: center;
	opacity: 0;
	transition: .15s;
	z-index: 1;
}

.team-box:hover #meet-lauren {
	opacity: .95;
}

#meet-yvonne {
	position: absolute;
	width: 100%;
	height: 100%;
	background: url(https://lonestarfurnishings.com/wp-content/uploads/2023/01/Website-Yvonne.jpg);
	background-size: cover;
	background-position: center;
	opacity: 0;
	transition: .15s;
	z-index: 1;
}

.team-box:hover #meet-yvonne {
	opacity: .95;
}

#meet-gina {
	position: absolute;
	width: 100%;
	height: 100%;
	background: url(/wp-content/uploads/2019/09/Gina-Left-Square-2.jpg);
	background-size: cover;
	background-position: center right;
	opacity: 0;
	transition: .15s;
	z-index: 1;
}

.team-box:hover #meet-gina {
	opacity: .95;
}

#meet-shonna {
	position: absolute;
	width: 100%;
	height: 100%;
	background: url(/wp-content/uploads/2021/03/Shonna.jpg);
	background-size: cover;
	background-position: center right;
	opacity: 0;
	transition: .15s;
	z-index: 1;
}

.team-box:hover #meet-shonna {
	opacity: .95;
}

#meet-kris {
	position: absolute;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: center;
	opacity: 0;
	transition: .15s;
	z-index: 1;
}

.team-box:hover #meet-kris {
	opacity: .95;
}

#meet-adam {
	position: absolute;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: center;
	opacity: 0;
	transition: .15s;
	z-index: 1;
}

.team-box:hover #meet-adam {
	opacity: .95;
}

#meet-brooks {
	position: absolute;
	width: 100%;
	height: 100%;
	background: url(https://lonestarfurnishings.com/wp-content/uploads/2022/01/Brooks-1.jpg);
	background-size: cover;
	background-position: center;
	opacity: 0;
	transition: .15s;
	z-index: 1;
}

.team-box:hover #meet-brooks {
	opacity: .95;
}

#meet-jamie {
	position: absolute;
	width: 100%;
	height: 100%;
	background: url(https://lonestarfurnishings.com/wp-content/uploads/2023/01/Jamie.jpg);
	background-size: cover;
	background-position: center;
	opacity: 0;
	transition: .15s;
	z-index: 1;
}

.team-box:hover #meet-jamie {
	opacity: .95;
}

#meet-brandy {
	position: absolute;
	width: 100%;
	height: 100%;
	background: url(https://lonestarfurnishings.com/wp-content/uploads/2022/01/Brandy.jpg);
	background-size: cover;
	background-position: center;
	opacity: 0;
	transition: .15s;
	z-index: 1;
}

.team-box:hover #meet-brandy {
	opacity: .95;
}

#meet-gigi {
	position: absolute;
	width: 100%;
	height: 100%;
	background: url(https://lonestarfurnishings.com/wp-content/uploads/2022/01/Gigi-1.jpg);
	background-size: cover;
	background-position: center;
	opacity: 0;
	transition: .15s;
	z-index: 1;
}

.team-box:hover #meet-gigi {
	opacity: .95;
}

#meet-karin {
	position: absolute;
	width: 100%;
	height: 100%;
	background: url(https://lonestarfurnishings.com/wp-content/uploads/2022/01/Karin-1.jpg);
	background-size: cover;
	background-position: center;
	opacity: 0;
	transition: .15s;
	z-index: 1;
}

.team-box:hover #meet-karin {
	opacity: .95;
}

#meet-krista {
	position: absolute;
	width: 100%;
	height: 100%;
	background: url(https://lonestarfurnishings.com/wp-content/uploads/2023/03/KristaFinal.jpg);
	background-size: cover;
	background-position: center;
	opacity: 0;
	transition: .15s;
	z-index: 1;
}

.team-box:hover #meet-krista {
	opacity: .95;
}

#meet-ducky {
	position: absolute;
	width: 100%;
	height: 100%;
	background: url(https://lonestarfurnishings.com/wp-content/uploads/2022/07/Jeremiah-Duckett.jpg);
	background-size: cover;
	background-position: center;
	opacity: 0;
	transition: .15s;
	z-index: 1;
}

.team-box:hover #meet-ducky {
	opacity: .95;
}

#meet-rachael {
	position: absolute;
	width: 100%;
	height: 100%;
	background: url(https://lonestarfurnishings.com/wp-content/uploads/2022/07/Rachael-Rawlins.jpg);
	background-size: cover;
	background-position: center;
	opacity: 0;
	transition: .15s;
	z-index: 1;
}

.team-box:hover #meet-rachael {
	opacity: .95;
}


#meet-mel {
	position: absolute;
	width: 100%;
	height: 100%;
	background: url(/wp-content/uploads/2023/04/Melissa-Fouche-3.jpg);
	background-size: cover;
	background-position: center;
	opacity: 0;
	transition: .15s;
	z-index: 1;
}

.team-box:hover #meet-mel {
	opacity: .95;
}

#meet-chelsie {
	position: absolute;
	width: 100%;
	height: 100%;
	background: url(https://lonestarfurnishings.com/wp-content/uploads/2023/03/ChelsieFinal.jpg);
	background-size: cover;
	background-position: center;
	opacity: 0;
	transition: .15s;
	z-index: 1;
}

.team-box:hover #meet-chelsie {
	opacity: .95;
}

#meet-chad {
	position: absolute;
	width: 100%;
	height: 100%;
	background: url(https://lonestarfurnishings.com/wp-content/uploads/2023/07/Chad-Final-1.jpg);
	background-size: cover;
	background-position: center;
	opacity: 0;
	transition: .15s;
	z-index: 1;
}

.team-box:hover #meet-chad {
	opacity: .95;
}

#meet-cyd {
	position: absolute;
	width: 100%;
	height: 100%;
	background: url(https://lonestarfurnishings.com/wp-content/uploads/2023/07/Cydney-Final.jpg);
	background-size: cover;
	background-position: center;
	opacity: 0;
	transition: .15s;
	z-index: 1;
}

.team-box:hover #meet-cyd {
	opacity: .95;
}


.modal {
    display: none; 
    position: fixed; 
    z-index: 200; 
    left: 0;
    top: 0;
    width: 100%; 
    height: 100%; 
    overflow: auto; 
    background-color: rgb(0,0,0); 
    background-color: rgba(0,0,0,0.4); 
	transition: .2s;
}

.modal-content {
	position: relative;
    background-color: #fefefe;
    margin: auto;
    border: 1px solid #888;
	width: 95%;
    max-width: 1200px;
	height: 400px;
	top: calc(50% - 175px);
}
	
.modal-image-container {
	float: left;
	width: 280px;
	height: 400px;
}
	
.modal-image {
	float: left;
	width: 250px;
	height: 370px;
	margin: 15px;
	box-shadow: inset 0px 0px 20px black;
}
	
.modal-text {
	position: absolute;
	right: 0;
	top: 0;
	width: calc(100% - 280px);
	height: 355px;
	text-align: justify;
	overflow-y: scroll;
}

.modal-text p {
	padding: 0 25px 10px 0;
	font-size: 1.1em;
	line-height: 150%;
}
	
.modal-text::-webkit-scrollbar {
	width: 12px;
	background-color: #F5F5F5;
}

.modal-text::-webkit-scrollbar-thumb {
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #00467F;
}

#modal-lsf {
	background: url(/wp-content/themes/lsf-2018/media/lsf-building.jpg);
	background-size: cover;
	background-position: center;
}
	
#modal-brad {
	background: url(/wp-content/uploads/2018/06/brad-right.jpg);
	background-size: cover;
	background-position: center;	
}

#modal-rhonda {
	background: url(https://lonestarfurnishings.com/wp-content/uploads/2022/03/Rhonda-1.jpg);
	background-size: cover;
	background-position: center;	
}

#modal-ben {
	background: url(https://lonestarfurnishings.com/wp-content/uploads/2022/08/BenH.jpg);
	background-size: cover;
	background-position: center;	
}

#modal-leslie {
	background: url(/wp-content/uploads/2019/04/leslie-right.png);
	background-size: cover;
	background-position: center;	
}

#modal-dan {
	background: url(/wp-content/uploads/2018/06/dan-right.jpg);
	background-size: cover;
	background-position: center;	
}

#modal-ron {
	background: url(/wp-content/uploads/2018/06/ron-right.jpg);
	background-size: cover;
	background-position: center;	
}

#modal-dave {
	background: url(/wp-content/uploads/2019/11/dave-right-square-1.jpg);
	background-size: cover;
	background-position: center;	
}

#modal-tiffany {
	background: url(/wp-content/uploads/2018/06/tiffany-right.jpg);
	background-size: cover;
	background-position: center;	
}

#modal-ted {
	background: url(/wp-content/uploads/2018/06/ted-right.jpg);
	background-size: cover;
	background-position: center;	
}

#modal-valerie {
	background: url(/wp-content/uploads/2018/06/valerie-right.jpg);
	background-size: cover;
	background-position: center;	
}

#modal-travis {
	background: url(/wp-content/uploads/2023/05/Travis-Final.jpg);
	background-size: cover;
	background-position: center;	
}

#modal-kelly {
	background: url(/wp-content/uploads/2018/06/kelly-right.jpg);
	background-size: cover;
	background-position: center;	
}

#modal-javier {
	background: url(/wp-content/uploads/2018/06/javier-right.jpg);
	background-size: cover;
	background-position: center;	
}

#modal-kelley {
	background: url(/wp-content/uploads/2018/06/kelley-right.jpg);
	background-size: cover;
	background-position: center;	
}

#modal-michael {
	background: url(/wp-content/uploads/2018/06/michael-right.jpg);
	background-size: cover;
	background-position: center;	
}

#modal-lauren {
	background: url(/wp-content/uploads/2019/12/lauren-right.png);
	background-size: cover;
	background-position: center;	
}

#modal-yvonne {
	background: url(https://lonestarfurnishings.com/wp-content/uploads/2023/01/Website-Yvonne.jpg);
	background-size: cover;
	background-position: center;	
}

#modal-brie {
	background: url(/wp-content/uploads/2019/05/brie-right.png);
	background-size: cover;
	background-position: center;	
}

#modal-gabe {
	background: url(/wp-content/uploads/2018/06/gabe-right.jpg);
	background-size: cover;
	background-position: center;	
}

#modal-josh {
	background: url(/wp-content/uploads/2019/01/josh-right.jpg);
	background-size: cover;
	background-position: center;	
}

#modal-erin {
	background: url(/wp-content/uploads/2018/06/erin-right.jpg);
	background-size: cover;
	background-position: center;	
}

#modal-rebeccam {
	background: url(https://lonestarfurnishings.com/wp-content/uploads/2022/01/Rebecca-1.jpg);
	background-size: cover;
	background-position: center;	
}

#modal-bethany {
	background: url(/wp-content/uploads/2018/06/bethany-right.jpg);
	background-size: cover;
	background-position: center;	
}

#modal-rebeccas {
	background: url(/wp-content/uploads/2018/06/rebecca-s-right.jpg);
	background-size: cover;
	background-position: center;	
}

#modal-sara {
	background: url(/wp-content/uploads/2019/09/Sara-Right-Square-2.jpg);
	background-size: cover;
	background-position: center;	
}

#modal-colin {
	background: url(/wp-content/uploads/2019/09/colin-right-square.jpg);
	background-size: cover;
	background-position: center;	
}

#modal-mallory {
	background: url(/wp-content/themes/lsf-2018/media/mallory-right.jpg);
	background-size: cover;
	background-position: center;	
}

#modal-diana {
	background: url(/wp-content/uploads/2018/06/diana-right.jpg);
	background-size: cover;
	background-position: center;	
}

#modal-jo {
	background: url(/wp-content/uploads/2018/06/jo-right.jpg);
	background-size: cover;
	background-position: center;	
}

#modal-lacey {
	background: url(/wp-content/uploads/2019/09/lacey-right-square-1.jpg);
	background-size: cover;
	background-position: center;	
}

#modal-gina {
	background: url(/wp-content/uploads/2019/09/Gina-Right-Square-2.jpg);
	background-size: cover;
	background-position: center;	
}

#modal-shonna {
	background: url(/wp-content/uploads/2021/03/Shonna.jpg);
	background-size: cover;
	background-position: center;	
}

#modal-kris {
	background: url(https://lonestarfurnishings.com/wp-content/uploads/2022/01/Kris.jpg);
	background-size: cover;
	background-position: center;	
}

#modal-adam {
	background: url(https://lonestarfurnishings.com/wp-content/uploads/2022/01/Kris.jpg);
	background-size: cover;
	background-position: center;	
}

#modal-brooks {
	background: url(https://lonestarfurnishings.com/wp-content/uploads/2022/01/Brooks-1.jpg);
	background-size: cover;
	background-position: center;	
}

#modal-jamie {
	background: url(https://lonestarfurnishings.com/wp-content/uploads/2023/01/Jamie.jpg);
	background-size: cover;
	background-position: center;	
}

#modal-brandy {
	background: url(https://lonestarfurnishings.com/wp-content/uploads/2022/01/Brandy.jpg);
	background-size: cover;
	background-position: center;	
}

#modal-gigi {
	background: url(https://lonestarfurnishings.com/wp-content/uploads/2022/01/Gigi-1.jpg);
	background-size: cover;
	background-position: center;	
}

#modal-karin {
	background: url(https://lonestarfurnishings.com/wp-content/uploads/2022/01/Karin-1.jpg);
	background-size: cover;
	background-position: center;	
}

#modal-krista {
	background: url(https://lonestarfurnishings.com/wp-content/uploads/2023/03/KristaFinal.jpg);
	background-size: cover;
	background-position: center;	
}

#modal-ducky {
	background: url(https://lonestarfurnishings.com/wp-content/uploads/2022/07/Jeremiah-Duckett.jpg);
	background-size: cover;
	background-position: center;	
}

#modal-rachael {
	background: url(https://lonestarfurnishings.com/wp-content/uploads/2022/07/Rachael-Rawlins.jpg);
	background-size: cover;
	background-position: center;	
}

#modal-mel {
	background: url(/wp-content/uploads/2023/04/Melissa-Fouche-3.jpg);
	background-size: cover;
	background-position: center;	
}

#modal-chelsie {
	background: url(https://lonestarfurnishings.com/wp-content/uploads/2023/03/ChelsieFinal.jpg);
	background-size: cover;
	background-position: center;	
}

#modal-chad {
	background: url(https://lonestarfurnishings.com/wp-content/uploads/2023/07/Chad-Final-1.jpg);
	background-size: cover;
	background-position: center;	
}

#modal-cyd {
	background: url(https://lonestarfurnishings.com/wp-content/uploads/2023/07/Cydney-Final.jpg);
	background-size: cover;
	background-position: center;	
}

.closeBrad, .closeRhonda, .closeBen, .closeLeslie, .closeRon, .closeDave, .closeTiffany, .closeTed, .closeValerie, .closeTravis, .closeKelly, .closeJavier, .closeKelley, .closeMichael, .closeLauren, .closeYvonne, .closeBrie, .closeGabe, .closeJosh, .closeErin, .closeRebeccam, .closeBethany, .closeRebeccas, .closeDiana, .closeJo, .closeSara, .closeColin, .closeMallory, .closeLSF, .closeLacey, .closeGina, .closeShonna, .closeKris, .closeAdam, .closeBrooks, .closeJamie, .closeBrandy, .closeGigi, .closeKarin, .closeKrista, .closeDucky, .closeRachael, .closeMel, .closeChelsie, .closeChad, .closeCyd {
	position: relative;
    color: #aaaaaa;
    float: right;
    font-size: 40px;
    font-weight: bold;
	z-index: 100;
	right: 15px;
	top: 5px;
}
	
#windowBrad, #windowRhonda, #windowBen, #windowLeslie, #windowRon, #windowDave, #windowTiffany, #windowTed, #windowValerie, #windowTravis, #windowKelly, #windowJavier, #windowKelley, #windowMichael, #windowLauren, #windowYvonne, #windowBrie, #windowGabe, #windowJosh, #windowErin, #windowRebeccam, #windowBethany, #windowRebeccas, #windowDiana, #windowJo, #windowSara, #windowColin, #windowMallory, #windowLSF, #windowLacey, #windowGina, #windowShonna, #windowKris, #windowAdam, #windowBrooks, #windowJamie, #windowBrandy, #windowGigi, #windowKarin, #windowKrista, #windowDucky, #windowRachael, #windowMel, #windowChelsie, #windowChad, #windowCyd {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 0;
}
	
.repCoordinator {
	font-weight: bold;
	text-decoration: underline;
}

/* TOTAL TURNKEY SOLUTIONS PAGE */
.turnkey-box {
	position: relative;
	width: 250px;
	height: 250px;
	margin: 15px auto;
	box-shadow: inset 0px 0px 10px black;
}

#industry-experts {
	background: url(/wp-content/themes/lsf-2018/media/industry-experts.jpg);
	background-size: cover;
	background-position: center;
}

#needs-assessment {
	background: url(/wp-content/themes/lsf-2018/media/needs-assessment.jpg);
	background-size: cover;
	background-position: center;
}

#space-planning {
	background: url(/wp-content/themes/lsf-2018/media/space-planning.jpg);
	background-size: cover;
	background-position: center;
}

#finish-selection {
	background: url(/wp-content/themes/lsf-2018/media/finish-selection.jpg);
	background-size: cover;
	background-position: center;
}

#documentation {
	background: url(/wp-content/themes/lsf-2018/media/documentation.jpg);
	background-size: cover;
	background-position: center;
}

#unloading {
	background: url(/wp-content/themes/lsf-2018/media/unloading.jpg);
	background-size: cover;
	background-position: center;
}

#staging {
	background: url(/wp-content/themes/lsf-2018/media/staging.jpg);
	background-size: cover;
	background-position: center;
}

#assembly {
	background: url(/wp-content/themes/lsf-2018/media/assembly.jpg);
	background-size: cover;
	background-position: center;
}

.turnkey-slide {
	position: relative;
	width: 100%;
	max-width: 800px;
	height: 315px;
}

.turnkey-slide-details {
	font-weight: bold;
	text-align: center;
	font-size: 1.15em;
}

#frisco-slide-1 {
	background: url(/wp-content/themes/lsf-2018/media/frisco-slide-1-preview.jpg);
	background-size: cover;
	background-position: center;
}

#frisco-slide-2 {
	background: url(/wp-content/themes/lsf-2018/media/frisco-slide-2-preview.jpg);
	background-size: cover;
	background-position: center;
}

#frisco-slide-3 {
	background: url(/wp-content/themes/lsf-2018/media/frisco-slide-3-preview.jpg);
	background-size: cover;
	background-position: center;
}

#frisco-slide-4 {
	background: url(/wp-content/themes/lsf-2018/media/frisco-slide-4-preview.jpg);
	background-size: cover;
	background-position: center;
}

#frisco-slide-5 {
	background: url(/wp-content/themes/lsf-2018/media/frisco-slide-5-preview.jpg);
	background-size: cover;
	background-position: center;
}

#lee-slide-1 {
	background: url(/wp-content/themes/lsf-2018/media/lee-slide-1-preview.jpg);
	background-size: cover;
	background-position: center;
}

#lee-slide-2 {
	background: url(/wp-content/themes/lsf-2018/media/lee-slide-2-preview.jpg);
	background-size: cover;
	background-position: center;
}

#lee-slide-3 {
	background: url(/wp-content/themes/lsf-2018/media/lee-slide-3-preview.jpg);
	background-size: cover;
	background-position: center;
}

#lee-slide-4 {
	background: url(/wp-content/themes/lsf-2018/media/lee-slide-4-preview.jpg);
	background-size: cover;
	background-position: center;
}

.testimony-container {
	position: relative;
	width: 90%;
	max-width: 400px;
	margin: 15px auto;
}

.testimony-text {
	float: left;
	width: 100%;
	border-top: solid thin #00467F;
	border-left: solid thin #00467F;
	color: #00467F;
	font-weight: bold;
}

.testimony-text p {
	padding-left: 8px;
	margin-bottom: 0;
}

.testimony-source {
	float: left;
	width: 100%;
}

.testimony-source p {
	color: black;
	padding-left: 8px;
	margin-top: 4px;
}

/* LONE STAR IN ACTION */
.action-slider {
	position: relative;
	display: block;
	margin: 10px auto;
	width: 100%;
	height: 510px;
	box-shadow: inset 0 0 20px black;
}

/* PORTFOLIO */
.port-slider {
	position: relative;
	display: block;
	width: 100%;
	height: 400px;
	box-shadow: inset 0 0 20px black;
}

/* SCREEN-WIDTH RULES */
@media screen and (max-width: 1200px) {
	.action-slider {
		height: 310px;
	}
}

@media screen and (max-width: 1100px) {
	.one-fourth {
		width: 50%;
	}
}

@media screen and (max-width: 1000px) {
	.one-third {
		width: 100%;
	}
	
	.two-thirds {
		width: 100%;
	}
	
	#index-box-container {
		margin: 15px auto;
		height: auto;
	}
	
	.index-box {
		width: 100%;
		max-width: 300px;
		margin: 10px auto;
	}
	
	.index-box-content {
		background: rgba(0,0,0,.3);
	}
	
	#index-solutions,#index-action,#index-turnkey {
		opacity: 1;
	}
	
	#index-action-logo {
		width: 95%;
		max-width: 275px;
	}
}

@media screen and (max-width: 920px) {
	#header-spacer {
		height: 235px;
	}
	
	#header-logo {
		float: none;
		display: block;
		width: 100%;
		max-width: 360px;
		background-size: contain;
		background-position: center;
		background-repeat: no-repeat;
	}
	
	#header-navigation {
		display: none;
	}
	
	#header-contact, #mobile-navigation {
		float: none;
		display: block;
		margin: 0 auto;
		width: 100%;
		max-width: 330px;
		height: auto;
	}
	
	.header.shrink #header-logo {
		height: 0;
		overflow: hidden;
		margin: 0;
	}
	
	.topnav {
		width: 100%;
	}
	
	.topnav a:not(:first-child), .dropdown .dropbtn {
		display: none;
	}
	
	.topnav a.icon {
		float: right;
		display: block;
	}
	
	.topnav.responsive {
		position: relative;
		background: white;
		box-shadow: 0 0 20px black;
	}
	
	.topnav.responsive a.icon {
		position: absolute;
		right: 0;
		top: 0;
	}
	
	.topnav.responsive a {
		float: none;
		display: block;
		text-align: left;
	}
	
	.topnav.responsive .dropdown {
		float: none;
	}
	
	.topnav.responsive .dropdown-content {
		position: relative;
	}
	
	.topnav.responsive .dropdown .dropbtn {
		display: block;
		width: 100%;
		text-align: left;
	}
	
	#social-container {
		position: relative;
		margin: 30px auto;
		left: 0;
		top: 0;
	}

}

@media screen and (max-width: 900px) {
	.one-half {
		width: 100%;
	}
	
	.one-fourth {
		width: 100%;
	}
}

@media screen and (max-width: 2160px) {
	.galnav a:not(:first-child) {display: none;}
	
	.galnav a.icon {
		float: right;
		display: block;
	}
	
	.galnav.responsive {position: relative;}
	
	.galnav.responsive a.icon {
		position: absolute;
		right: 0;
		top: 0;
	}
	.galnav.responsive a {
		float: none;
		display: block;
		text-align: left;
	}
}

@media screen and (max-width: 650px) {
	.rep-profile-pic {
		float: none;
		margin: 0 auto;
	}
	
	.rep-info {
		text-align: center;
	}
}

@media screen and (max-width: 500px) {
	.bg-video {
		display: none;
	}
	
	#social-container img {
		filter: invert(100%);
	}
	
}

@media screen and (max-width: 370px) {
	#header-contact img{
		display: none;
	}
	
	#header-number {
		display: none;
	}
	
	#header-contact-button {
		position: relative;
		left: calc(50% - 80px);
	}
}