@charset "utf-8";

/* WebKit (Chrome, Safari) */
::-webkit-scrollbar {
    width: 15px; /* width of the scrollbar */
}

::-webkit-scrollbar-track {
    background: #00F8F8; /* color of the track */
}

::-webkit-scrollbar-thumb {
    background: #000000; /* color of the scrollbar */
    border-radius: 6px; /* roundness of the scrollbar thumb */
}

/* Firefox */
* {
    scrollbar-color: #000000 #00F8F8; /* scrollbar color and track color */
}

header {
    background-color: #000000;
    -webkit-box-shadow: 0px 0px;
    box-shadow: 0px 0px;
	height: 7vh;
}

#logoDiv {
    display: inline-block;
    -webkit-box-shadow: 0px 0px;
    box-shadow: 0px 0px;
	height: 7vh;
	aspect-ratio: 3/1;

}

#lumelocksvideo
{
	display: block;
	width: 100%;
	margin: 0 auto;
}

#cartDiv {
    display: inline-block;
    margin-right: 26px;
    margin-top: 5px;
}
#headerspacer {
    background-color: #00F8F8;
    display: block;
    max-height: 5px;
    min-height: 5px;
    width: auto;
}

#socialDiv {
    position: static;
    margin-top: 60px;
    margin-left: auto;
    margin-right: auto;
}

.bannersize 
	{
    height: 7vh;
    background-color: #000DFF;
	}

#mainContentScroll 
{
    overflow-y: visible;
    background-color: #FFFFFF; 
    max-width: 100%;
    overflow-x: hidden;
    height: 100vh;
}

#mainContentScrollSubPage 
	{
    overflow-y: auto;
    background-color: #FFFFFF;
    max-width: 100%;
    overflow-x: hidden;
    height: 65vh;
	}

#mainContentStatic {
    overflow-y: hidden;
    max-width: 100%;
    overflow-x: hidden;
    height: 83vh;
	background-color: #FFFFFF ;
}
.h1override {
    font-size: small;
    text-align: left;
    display: inline-block;
}

.h1override2 {
    font-size: x-large;
    text-align: center;
    background-color: #000000;
    color: #FFFFFF;
}


@media(min-width: 992px)
{

	#mainContentScroll 
	{
    overflow-y: auto;
    background-color: #FFFFFF;
    max-width: 100%;
    overflow-x: hidden;
    height: 100vh;
	}
	
	#mainContentStatic 
	{
    overflow-y: hidden;
    max-width: 100%;
    overflow-x: hidden;
    height: 90vh;
    min-height: 100%;
	background-color: #FFFFFF!important;
	}
	
	#mainContentScrollSubPage 
	{
    overflow-y: auto;
    background-color: #FFFFFF;
    max-width: 100%;
    overflow-x: hidden;
    height: 78vh;
	}
	
	.bannersize 
	{
    height: 8vh;
	}
	
	header {
    background-color: #000000;
    -webkit-box-shadow: 0px 0px;
    box-shadow: 0px 0px;
	height: 8vh;
    }
	
	#logoDiv {
    display: inline-block;
    -webkit-box-shadow: 0px 0px;
    box-shadow: 0px 0px;
	height: 8vh;
	aspect-ratio: 3/1;
	}
	
	#lumelocksvideo
	{
	display: block;
	width: 40%;
	margin: 0 auto;
	}
	
}


.navdesktop {
    background-image: url(../images/Nav-Background.png);
    padding-left: 0px;
    background-repeat: no-repeat;
}
.navdesktopscreenprint {
    background-image: url(../images/Nav-Background-screenprint.png);
    padding-left: 0px;
    background-repeat: no-repeat;
}
.navdesktoplumelocks {
    background-image: url(../images/Nav-Background-3dmodel.png);
    padding-left: 0px;
    background-repeat: no-repeat;
}
.navdesktopjewelry {
    background-image: url(../images/Nav-Background-jewelry.png);
    padding-left: 0px;
    background-repeat: no-repeat;
}
.navdesktopphoto {
    background-image: url(../images/Nav-Background-photos.png);
    padding-left: 0px;
    background-repeat: no-repeat;
}
.navdesktopillustration {
    background-image: url(../images/Nav-Background-illustrations.png);
    padding-left: 0px;
    background-repeat: no-repeat;
}
.navdesktopgraphic {
    padding-left: 0px;
    background-image: url(../images/Nav-Background-graphics.png);
    background-repeat: no-repeat;
}
.navdesktopetc {
    background-image: url(../images/Nav-Background-Etc.png);
    padding-left: 0px;
    background-repeat: no-repeat;
}
.navdesktopsubpage {
    background-image: url(../images/Nav-Background-Sub.png);
    padding-left: 0px;
    background-repeat: no-repeat;
}
.navdesktop ul {
    list-style-type: none;
    margin-left: -34px;
    margin-top: 167px;
}
.navdesktopscreenprint ul {
    list-style-type: none;
    margin-left: -34px;
    margin-top: 167px;
}
.navdesktoplumelocks ul {
    list-style-type: none;
    margin-left: -34px;
    margin-top: 167px;
}
.navdesktopjewelry ul {
    list-style-type: none;
    margin-left: -34px;
    margin-top: 167px;
}
.navdesktopphoto ul {
    list-style-type: none;
    margin-left: -34px;
    margin-top: 167px;
}
.navdesktopillustration ul {
    list-style-type: none;
    margin-left: -34px;
    margin-top: 167px;
}
.navdesktopgraphic ul {
    list-style-type: none;
    margin-left: -34px;
    margin-top: 167px;
}
.navdesktopetc ul {
    list-style-type: none;
    margin-left: -34px;
    margin-top: 167px;
}
navdesktop ul li {
    margin-bottom: 8px;
}
navdesktopscreenprint ul li {
    margin-bottom: 8px;
}
navdesktoplumelocks ul li {
    margin-bottom: 8px;
}
navdesktopjewelry ul li {
    margin-bottom: 8px;
}
navdesktopphoto ul li {
    margin-bottom: 8px;
}
navdesktopillustration ul li {
    margin-bottom: 8px;
}
navdesktopgraphic ul li {
    margin-bottom: 8px;
}
navdesktopetc ul li {
    margin-bottom: 8px;
}

.navdesktopsubpage ul {
    list-style-type: none;
    margin-top: 167px;
    margin-left: -34px;
}
navdesktopsubpage ul li {
    margin-bottom: 8px;
}

#rightbar {
    display: inline-block;
    margin-right: auto;

}
body {
    background-color: #000000;
}
#heroSection {
    background-image: url(../images/LSU-HeroSection.jpg);
    display: inline-block;
    min-height: 400px;
    background-size: 100% 100%;
    text-shadow: 2px 3px #FFFFFF;
}
#textSection {
    text-align: center;
    overflow-y: hidden;
    padding-bottom: 50px;
    min-height: 250px;
    padding-top: 50px;
    font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
    /* [disabled]font-size: x-large; */
    /* [disabled]font-weight: 400; */
}
.cardsSection {
    display: inline-block;
    width: auto;
    border: 5px solid #00F8F8; /* You can adjust the thickness and color of the border as needed */
    border-radius: 14px; /* Optional: Adds rounded corners to the border */

}
#sectionHeader {
    text-align: center;
    color: #000000;
    background-image: -webkit-linear-gradient(0deg,rgba(255,255,255,1.00) 0%,rgba(0,248,248,1.00) 33.68%);
    background-image: -moz-linear-gradient(0deg,rgba(255,255,255,1.00) 0%,rgba(0,248,248,1.00) 33.68%);
    background-image: -o-linear-gradient(0deg,rgba(255,255,255,1.00) 0%,rgba(0,248,248,1.00) 33.68%);
    background-image: linear-gradient(90deg,rgba(255,255,255,1.00) 0%,rgba(0,248,248,1.00) 33.68%);
    background-size: cover;
    margin-bottom: 50px;
    height: auto;
}
#smallBlueLines {
    text-align: center;
    color: #FFFFFF;
    background-image: -webkit-linear-gradient(0deg,rgba(255,255,255,1.00) 0%,rgba(0,248,248,1.00) 33.68%);
    background-image: -moz-linear-gradient(0deg,rgba(255,255,255,1.00) 0%,rgba(0,248,248,1.00) 33.68%);
    background-image: -o-linear-gradient(0deg,rgba(255,255,255,1.00) 0%,rgba(0,248,248,1.00) 33.68%);
    background-image: linear-gradient(90deg,rgba(255,255,255,1.00) 0%,rgba(0,248,248,1.00) 33.68%);
    background-size: cover;
    min-height: 2px;
}
.centerText {
    text-align: center;
}
#reviewImage {
    min-height: 0px;
    max-height: 285px;
    padding-top: 50px;
    display: inline-block;
    min-width: 100%;
    max-width: 100%;
    width: auto;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
#aboutSection {
    background-color: #00F8F8;
    padding-top: 50px;
    padding-bottom: 50px;
}
.cardsPadding {
    padding-top: 0px;
    padding-bottom: 50px;
}
#aboutText {
    color: #000000;
    text-align: center;
}
#reviewScroll {
    display: inline-block;
    width: auto;
    padding-top: 0px;
    /* [disabled]min-height: 300px; */
}
.centerImage {
    margin-left: auto;
    margin-right: auto;
}
.pageTitle {
    display: block;
	justify-content: center;
    min-width: 350px;
    background-color: #000000;
    min-height: 55px;
    height: 55px;
    border: thick inset #00F8F8;
    color: #FFFFFF;
    /* [disabled]max-width: 420px; */
    /* [disabled]min-width: 60%; */
    padding-left: 0px;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    /* [disabled]margin-top: auto; */
    max-height: 100%;
}
h1 {
    font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
    font-style: italic;
	font-size: X-Large;
}
h2 {
    font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
    text-align: center;
    font-style: italic;
}
.btn {
    display: inline-block;
    background-color: #00F8F8;
    color: #000000;
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
    font-style: italic;
}
.btnwhite {
    display: inline-block;
    background-color: #FFFFFF;
    color: #000000;
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
    font-style: italic;
}
p {
    font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
    font-size: large;
}
h5 {
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
}
.verticalAlign {
    display: inline-block;
    margin-top: 28%;
}
.inquirybuttonmobile {
    display: block;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 50px;
    text-decoration: none;
}

.mobilesocial {
    display: block;
    background-color: #000000;
    position: static;
    margin-top: 50px;
    margin-bottom: 50px;
    margin-left: auto;
    margin-right: auto;
    padding-right: 0px;
}
.subpagetop {
    min-height: 0px;
    max-height: 107px;
    width: 100%;
    background-color: #00F8F8;
    color: #000000;
    text-align: center;
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
    font-style: italic;
    font-size: large;
    line-height: 297%;
    margin-top: auto;
    margin-bottom: auto;
    padding-top: auto;
    padding-bottom: auto;
}
.subpagetopblack {
    background-color: #000000;
    /* [disabled]max-height: 149px; */
    /* [disabled]min-height: 27px; */
    width: 100%;
    display: inline-block;
    height: 31.5px;
}
.producttopblack {
    background-color: #000000;
    /* [disabled]max-height: 149px; */
    /* [disabled]min-height: 27px; */
    width: 108%;
    display: inline-block;
    height: 2px;
}
.producttext {
    font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
}
.producttext2 {
    font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
    width: 100%;
    text-align: center;
}
.productprice {
    font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
    font-weight: bold;
}
.productpageprice {
    font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
    font-weight: bold;
    font-size: x-large;
}
.productpageitem {
    font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
    font-weight: bold;
    font-size: x-large;
    background-color: #FFFFFF;
    color: #000000;
}
.productpagestars {
    font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
    font-weight: bold;
    font-size: x-large;
    background-color: #FFFFFF;
    color: #000000;
}
.dropdownmenu {
    position: absolute;
	left: 0px;
	z-index: 1000;
	
}
.productscroll {
    width: 100%;
    overflow-x: scroll;
    height: 130px;
}
.productoverride {
    display: inline-block;
    min-width: 100%;
}
.container-pad {
    margin-top: 5px;
}
.videosize {
    height: 350px;
}


.stars {
    cursor: pointer;
    font-size: 24px;
    color: gray;
}

.stars span:hover,
.stars span.active {
    color: gold;
}