/* Request A Sample Template Styles */      
div{
    box-sizing: border-box;
}
*,*::before,
*::after{
    box-sizing: inherit;
}
.loader{
	position:relative;
    top:6px;
    left:10px;
    display:block;
    border:5px solid #ccc;
    border-top-width:5px;
    border-top-style:solid;
    border-top-color:rgb(204, 204, 204);
    border-radius:50%;
    border-top:5px solid #3498db;
    width:24px;
    height:24px;
    -webkit-animation:spin 1s linear infinite;
    animation:spin 1s linear infinite;
}
.alert{
	padding:1em;
    border-radius:0.5em;
    border:solid 0.3em;
    border-top-color:currentcolor;
    border-right-color:currentcolor;
    border-bottom-color:currentcolor;
    border-left-color:currentcolor;
    font-size:16px;
    font-weight:bold;
}
.alert.alert-success{
	color:#3c763d;
    background-color:#dff0d8;
    border-color:#d6e9c6;
}
.alert.alert-danger {
	color:#a94442;
    background-color:#f2dede;
    border-color:#ebccd1;
}
/* Wrappers */      
.custom-container{
    width:100%;
    max-width:1140px;
    margin:0 auto;
    display:block;
    padding:0;
    font-family:'Barlow Semi Condensed';
}  
.custom-container p{
    font-size:20px;  
}   
/* Type Settings */
.vintage-text{
	font-family:"Vintage Quotes", 'Vintate Quotes', Sans-serif !important;
    font-size:40px;
}
.osulent-script{
	font-family: "Osulent Signature",'Osulent Signature', Sans-serif !important;
    font-size:40px;
    color:#ED7100;
}
.artisan-script{
	font-family: "Artisan Signature",'Artisan Signature', Sans-serif;
    font-size:32px;
}
@font-face{
	font-family:'Osulent Signature';
	font-style:normal;
	font-weight:normal;
	font-display:auto;
	src:url('https://www.lumberock.com/wp-content/uploads/2024/12/OsulentSignature.eot');
	src:url('https://www.lumberock.com/wp-content/uploads/2024/12/OsulentSignature.eot?#iefix') format('embedded-opentype'),
		url('https://www.lumberock.com/wp-content/uploads/2024/12/OsulentSignature.woff2') format('woff2'),
		url('https://www.lumberock.com/wp-content/uploads/2024/12/OsulentSignature.woff') format('woff'),
		url('https://www.lumberock.com/wp-content/uploads/2024/12/Osulent-Signature.ttf') format('truetype'),
		url('https://www.lumberock.com/wp-content/uploads/2024/12/OsulentSignature.svg#OsulentSignature') format('svg');
}
@font-face{
	font-family:'Vintage Quotes';
	font-style:normal;
	font-weight:normal;
	font-display:auto;
	src: url('https://www.lumberock.com/wp-content/uploads/2024/12/VintageQuotes-Regular.eot');
	src: url('https://www.lumberock.com/wp-content/uploads/2024/12/VintageQuotes-Regular.eot?#iefix') format('embedded-opentype'),
		url('https://www.lumberock.com/wp-content/uploads/2024/12/VintageQuotes-Regular.woff2') format('woff2'),
		url('https://www.lumberock.com/wp-content/uploads/2024/12/VintageQuotes-Regular.woff') format('woff'),
		url('https://www.lumberock.com/wp-content/uploads/2024/12/VintageQuotes-Regular.ttf') format('truetype'),
		url('https://www.lumberock.com/wp-content/uploads/2024/12/VintageQuotes-Regular.svg#VintageQuotes') format('svg');
    }
@font-face{
	font-family:'Artisan Signature';
	font-style:normal;
	font-weight:normal;
	font-display:auto;
	src:url('https://www.lumberock.com/wp-content/uploads/2024/12/ArtisanSignature.eot');
	src:url('https://www.lumberock.com/wp-content/uploads/2024/12/ArtisanSignature.eot?#iefix') format('embedded-opentype'),
		url('https://www.lumberock.com/wp-content/uploads/2024/12/ArtisanSignature.woff2') format('woff2'),
		url('https://www.lumberock.com/wp-content/uploads/2024/12/ArtisanSignature.woff') format('woff'),
		url('https://www.lumberock.com/wp-content/uploads/2024/12/ArtisanSignature.ttf') format('truetype'),
		url('https://www.lumberock.com/wp-content/uploads/2024/12/ArtisanSignature.svg#ArtisanSignature') format('svg');
}
label.required::after{
	content:"*";
    color:red;
    padding-left:.2em;
}
/* Sample Chip Box */      
.floating-container{
    display:none;
    position:fixed;
    bottom:0px;
    left:0px;
    width:370px;
    background:#192434;
    color:#fff;
    overflow:hidden;
    border-top-right-radius:8px;
    border-top-left-radius:8px;
    font-family:'Barlow Semi Condensed';
    z-index:99999 !important;
}
.floating-container.open{
    display:block; 
} 
.floating-container.reduce{
	bottom:-150px;    
}  
.floating-container a.sample-trigger{
	width:24px;
    height:24px;
    text-decoration:none;
    position:absolute;
    top:24px;
    right:24px;
    outline:none;
}  
.floating-container .title-content{
	padding:20px 0 0 0;
    border-bottom:1px solid rgba(255,255,255,0.4);    
    position:relative;
}        
.floating-container .inner-content{
	padding:0;
    transition:height 0.3s ease, opacity 0.3s ease;
    height:0;    
    opacity:0;    
} 
.floating-container .inner-content.expand{
	height:auto;
    opacity:1;   
    padding:20px;
}       
.floating-container h3{
	text-align:center;
    margin:0 0 10px;
    font-family:'Barlow Semi Condensed', sans-serif;
    color:#fff;
    font-weight:400;
    text-transform:uppercase;
    letter-spacing:0.3px;
    font-size:28px; 
    padding:0 20px;
}
.floating-container ul{
	list-style:none;
    padding:0;
    margin:0;
    display:flex;
    flex-direction:row;
    justify-content:center;
    gap:15px;    
}
.floating-container li{
	display:flex;
    flex-direction:column;
    justify-content:space-between;
    align-items:center;
    margin-bottom:5px;
    position:relative;
    width:100px;
    height:auto;
}
.floating-container li img{ 
	width:100px;
    height:100px;
} 
.floating-container li span{
	display:block;
    text-align:center;
    font-family:'Barlow Semi Condensed', sans-serif;
    font-size:14px;
    margin-top:4px;
}  
.floating-container button{
	cursor:pointer;
    position:absolute;
    top:4px;
    right:4px;    
    background-color:#fff;
    border:none;
    border-radius:50%;
    color:#fff;
    padding:4px;
    cursor:pointer;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.5' stroke='currentColor' class='size-6'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M6 18 18 6M6 6l12 12' /%3E%3C/svg%3E%0A"); 
    background-repeat:no-repeat;
    width:20px;
    height:20px;    
    transition:background-color .3s linear;    
}
.floating-container button:hover{
	background-color:#cc0000;
}
.floating-container p.choose-instruction{
	text-align:center;
    display:none;
}   
.floating-container p.choose-instruction.show{
	display:block;
}    
/* Sample Chip Styles */  
#sampleRequestForm{
	display:flex;   
    flex-direction:column;
} 
#sampleRequestForm input[type="checkbox"] {
	display: none; /* Hide the checkbox */
}
.sample-chip label{
	display:block;
    cursor:pointer;
    border:2px solid transparent;
    border-radius:0;
    overflow:hidden;
    transition:border 0.3s ease;
}
.sample-chip label img{
	width:150px;
    height:150px;
    object-fit:cover;
    border:3px solid transparent;  
    transition:border .4s linear;    
    border-radius:8px;
}
.sample-chip input[type="checkbox"]:checked + label img{
	border:3px solid #008dcd; /* Highlight selected image */
}  
.sample-chip label span{
	display:block;
    margin-top:5px;
    font-size:15px;
    color:#000;  
    text-align:center; 
    font-family:'Barlow Semi Condensed', sans-serif;
}
#sampleRequestForm h3{
	display:block;
    margin-top:5px;
    font-size:22px;
    color:#000;  
    font-family:'Barlow Semi Condensed', sans-serif;  
}  
#sampleRequestForm .sample-rows{
	display:flex;
    flex-direction:row;
    width:100%;
    flex-wrap:wrap;
    gap:10px;
    margin-bottom:40px;
}        
button[disabled] {
	background-color:#ccc;
    cursor: not-allowed;
}
/* Form Styles */  
.form-contents{
	padding:20px; 
    border:1px solid #d2d2d2;
    background:#f8f8f8;
}
.form-contents fieldset{
	border:none;
    padding:0;
    margin:0;
}  
.form-contents input, 
.form-contents select,
.form-contents textarea{
	display:flex;    
    font-family:"Barlow Semi Condensed", Sans-serif;
    font-size:16px;
    background-color:#fff !important;
    border:1px solid #F2F2F2;
    border-radius:0px 0px 0px 0px;
    padding:12px;
    margin:0;
    width:100%;
}
.form-contents label {
	font-family:"Barlow Semi Condensed", Sans-serif;
    font-size:16px;
    font-weight:400;
    margin-bottom:8px;
}  
.form-contents label span{
	color:#cc0000;      
}    
.form-row{
	display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    justify-content:flex-start;
    gap:10px;
    margin-bottom:20px;
}  
.form-row .form-item{
	flex:1 1 auto;
}
.form-contents button{
	background-color:#008dcd;
    color:#ffffff;
    font-family:"Barlow Semi Condensed", Sans-serif;
    text-transform:uppercase;
    font-size:18px;
    font-weight:500;    
    border:none;
    padding:12px 20px;  
    float:right;    
    margin-bottom:80px;  
}   
#addmessage{
	display:none;      
}  
#addmessage.show{
	display:block;
    text-align:center;    
}  
/* Reponsive Styles */  
@media (max-width:767px){
	.floating-container {
    	min-width:120px;
    }
    .floating-container ul {
    	gap:10px;    
    }        
    .floating-container li img{ 
    	width:75px;
        height:75px;
    } 
    .floating-container li span{
    	font-size:12px;
    }  
    .floating-container h3 {
    	font-size:19px;    
    }
    .form-row{
    	flex-direction:column;
    } 
    .floating-container a.sample-trigger{
    	width:18px;
        height:18px;
        top:18px;
        right:18px;
    }  
    #sampleRequestForm label img {
    	width:100px;
        height:100px;
    }
}