::selection {
    background-color: #fde533;
    color: black;
}
/* you_may_like ==================================== */	

.yml_wide_section {
    width: 100%;
    max-width: 1400px;
    min-width: 300px;
    height: auto;
    aspect-ratio: 16 / 9; /* Keeps proportional scaling */
    
    background: url("../products/glass/img_yml/yml.png") no-repeat center center;
    background-size: cover;
		background-size: contain;
    
    margin: 0 auto; /* Centers the div */
    
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

/* Button Styling */
.yml_button {
    padding: 1rem 2rem;
    font-size: 1.2rem;
    background-color: rgba(0, 0, 0, 0.7);
    color: white;
    border: none;
    cursor: pointer;
    border-radius: 5px;
    transition: background 0.3s;
}

.yml_button:hover {
    background-color: rgba(0, 0, 0, 0.9);
}


/* logo-bottom ==================================== */	

.logo-bottom-inside {
	max-width: 980px;
	margin: 0px auto 30px auto;
}

/* global */
html, body {
/*	position: relative;*/
/*	background-color: #131315;*/
	background-color: rgba(42,1,23,1.00);
}
		
html 
{
  scroll-behavior: smooth;
}
body::-webkit-scrollbar 
{
width: 20px;
}
body::-webkit-scrollbar-track 
{
/*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);*/
/*background-color: greenyellow;*/
background-color: #0c214c;
background-color: black;
}
body::-webkit-scrollbar-thumb {
	/*background-color: #f7007f;*/
	background-color: mediumvioletred;
	background-color: orangered;
	background-color: #ff4b33;
	/*outline: 1px solid deeppink;*/
}

.the-upright-div {
	writing-mode: vertical-rl;
	text-orientation: upright;
}
.the-mixed-div {
	writing-mode: vertical-rl;
	text-orientation: mixed;
}

/* ==================== */

.isDisabled {
  text-decoration: none;
/*	text-decoration: line-through;*/
/*	color: currentColor;*/
  display: inline-block;  /* For IE11/ MS Edge bug */
  pointer-events: none;
  cursor: not-allowed;
  opacity: 0.5;
/*	background-color: #00FF5C;*/
}
.payment_method {
	display: block;
	width: 300px;
	height: 36px;
	margin: 12px 0px 0px 0px;
	float: left; 
	background-image: url("../img/cc/payment_method.svg");
	background-repeat: no-repeat;
	background-position: top 0px left 0px;
	/*background-color: rgba(240,248,255,0.54);*/
}

.email-icon-art-ideas {
	display: block;
	background-image: url('../img/email-icon.svg');
	background-repeat: no-repeat;
	background-position: top 13px left 222px;
}

.Contact_Adjustment {
  display: block; 
	line-height: 44px;
  padding: 0px 0px 0px 0px;
	margin:  0px 0px 35px 0px;
}

/* product hover */

.show_this_cursor a {
	transition: all 0.4s ease;
}
.show_this_cursor a:hover {
  cursor: zoom-in;
	display: block;
	opacity: .8;
	/*filter:*/
}

/* START product interaction ONE */

.image {
	position: relative;
	z-index: 0;
}
.image img {
	width:100%;
	vertical-align:top;
}
.image:after, .image:before {
	position:absolute;
	transition: all 0.4s ease;
}
.image:after {
	content:'\A';
	width:100%; height:100%;
	top:0; left:0;
}
.image:before {
	content: "$" attr(data-content);
	width:100%;
	color: #181818;
	z-index:1;
	bottom:0;
	padding:4px 10px;
	text-align:center;
	box-sizing:border-box;
	font-weight: 400;	
}
.image:hover:after {
	background: rgba(0,0,0,0.2); 
}
.image:hover:before {
  /*color: #e8eaed;*/
	color:black;
	font-weight: 400;	
}



@media all and (max-width: 734px) and (min-width: 0px) {
	.image:before {
	font-size: 14px;
	line-height: 12px;	
	}
	
}
/* END product interaction */

#sm {
	font-family: 'Arial', sans-serif;
	text-transform: uppercase;
	font-size: 7px;
	display: inline-block;
  position: relative;
  bottom: 9px;
  right: -2px;
	margin-bottom: -5px;
}
/* remember to define focus styles! */
:focus {
outline: 0;
/*background-color: aqua;*/
}
img {
max-width: 100%;
height: auto;
} /* this is important for no-space at the bottom of images in a box */
.grad {
background-image: linear-gradient(to bottom left, rgba(0,0,0,1.00), rgba(0,0,0,1.00));
}
.this_arrow_left {
content: url("../img/slant_one.svg");
padding-left: 0px;
padding-right: 0px;
}

    .top-shopping-cart {
    	transition: border 0.2s;
    }

/* Accordion styles */
.accordion__on--off {
margin-top: 40px;
width: 100%;
border-top: 1px solid #FF5270;
}	
.accordion {
	font-family: "Inter", sans-serif;
	font-style: normal;
	font-variant: normal;
	font-weight: 500;
	font-size: 14px;
	text-transform: uppercase;
	color: #f5f5f5;
	cursor: pointer;
	padding: 14px 0px 13px 0px;
	width: 100%;
	border: none;
	text-align: left;
	outline: none;
	transition: 0.4s;
	background-color: rgba(250,69,21,0.00);
}
.active, .accordion:hover {
color: #FF5270;
}
.accordion:after {
width: 20px;
height: 10px;
content: url( "../img/upfold.svg");
/*content: '\002B';*/
/*color: #777;*/
font-weight: bold;
float: right;
margin-left: 0px;
}
.active:after {
width: 20px;
height: 10px;
content: url( "../img/downfold.svg");
/*content: "\2212";*/
}
.panel  {
	font-family: "Inter", sans-serif;
	font-style: normal;
	font-variant: normal;
	font-weight: 300;
	font-size: 18px;
	line-height: 32px;
	color: #F5F5F5;
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.2s ease-out;
	border-bottom: 1px solid #FF5270;
	/*background-color: rgba(134,135,135,0.20);*/
}

.p_space {
padding-top: 1px;
padding-bottom: 7px;
}

.box_area_AA {
margin: 0px 0px 0px 0px;
font-weight: 500;
font-size: 14px;
color: #F5F5F5;
text-transform: uppercase;
}
.box_area_BB {
margin: 0px 0px 12px 0px;

}

/* accordionNav // panelNav */

.sidenav_secondary_links a  {
	font-family: "Inter", sans-serif;
	font-style: normal;
	font-variant: normal;
	font-weight: 300;
	font-size: 18px;
	line-height: 32px;
	color: #F5F5F5;
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.2s ease-out;
	border-bottom: 0px solid rgba(252,146,154,0.00);
}

/* START item # of product 
<?php echo basename($_SERVER["SCRIPT_FILENAME"], '.php') ?>
*/

.box_area_ITEM {
  margin: 6px 0px 0px 0px;
  font-weight: 500;
  font-size: 14px;
  color: #646464;
  text-transform: uppercase;
}
.box_area_ITEM:before {
  content: "item ";
}

/* END item # of product 
<?php echo basename($_SERVER["SCRIPT_FILENAME"], '.php') ?>
*/

@media all and (max-width: 734px) and (min-width: 0px) {
	

	

	
	
}


.accent-not-included {
	font-family: "Inter", sans-serif;
	font-style: normal;
	font-variant: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 24px;
	color: rgba(150,150,150,0.70);
	margin-top: 3px;
	float: left;
}
.bg-color-main-wrapper {
/*	background-color: pink;*/
}
body,td,th {
	font-family: "Inter", sans-serif;
	font-style: normal;
	font-variant: normal;
	font-weight: 300;
	font-size: 20px;
	line-height: 34px;
	color: #e8eaed;
}
body {
	margin: 0px 0px 0px 0px;
}

h1,h2,h3,h4,h5,h6 {
font-style: normal;
font-variant: normal;
color: #e8eaed;
/*color: #F5F5F5;*/
}
h1 {
	font-family: "Inter", sans-serif;
	font-style: normal;
	font-variant: normal;
	font-weight: 400;
	/*font-weight: 300;*/
	font-size: 40px;
}
h2 {
	font-family: "Inter", sans-serif;
	font-style: normal;
	font-variant: normal;
	font-weight: 300;
	/*font-weight: 300;*/
	font-size: 30px;
}
h3 {
	font-family: "Inter", sans-serif;
	font-style: normal;
	font-variant: normal;
	font-weight: 300;
	/*font-weight: 300;*/
	font-size: 26px;
/*
font-size: 20px;
line-height: 28px;
padding-bottom: 0px;
*/
}



.this-p-this-big {
	font-size: clamp(30px, 5vw, 34px);
	line-height: clamp(1.3, 1.4, 1.7); 
}

.this-p-because-one {
	font-size: clamp(16px, 5vw, 24px);
	line-height: clamp(1.3, 1.5, 1.7); 
}


p {
margin-bottom: 18px;
padding: 0px;
}
.clear-both {
  content: "";
  display: block;
  clear: both;
/*clear: both;*/
}
a {
text-decoration: none;
}
a:link {
color: #fc929a;
}
a:visited {
color: #fc929a;
}
a:focus {
color: #fc929a;
}
a:hover {
color: rgba(133,133,133,1);
}
a:active {
color: rgba(133,133,133,1);
}

/* ===== footer-one ===== */ 

.footer-one {
  font-size: 20px;
  font-weight: 200;
  font-style: normal;
  line-height: 40px;
}
/* NICE LINK ACTION: https://codepen.io/Wongjn/pen/VwMBgZB */
.footer-one a {
  background: linear-gradient(0deg, slateblue, slateblue) no-repeat right bottom / 0 var(--bg-h);
  transition: background-size 350ms;
  --bg-h: 100%;
}
.footer-one a:where(:hover, :focus-visible) {
  background-size: 100% var(--bg-h);
  background-position-x: left;
}

.underline {
  padding-bottom: 2px;
  --bg-h: 2px;
}

.footer-one a {
  text-decoration: none;
  color: inherit;
  line-height: 1;
}
/*
.footer-one a {
  color: #acacac;
  text-decoration: none;
	background-image: linear-gradient(currentColor, currentColor);
  background-position: 0% 100%;
  background-repeat: no-repeat;
  background-size: 0% 2px;
  transition: background-size cubic-bezier(0,.5,0,1) 0.3s;
	padding: 0px 0px 4px 0px;
}
.footer-one a:hover,
.footer-one a:focus {
  text-decoration: none;
	color: #f5f5f5;
  background-size: 100% 1px;
}
*/


.on_this_page {
/*  color: #f5f5f5;*/
  position: relative; 
  display: inline-flex;
/*  align-items: center;*/
  margin-left: -30px; 
}

.on_this_page::before {
  content: "•"; 
  color: #FF00F5;
  margin-right: 19px; 
}


/*
.on_this_page {
  color: #acacac;
  text-decoration: none;
	background-image: linear-gradient(currentColor, currentColor);
  background-position: 0% 100%;
  background-repeat: no-repeat;
  background-size: 100% 1px;
  transition: background-size cubic-bezier(0,.5,0,1) 0.3s;
	padding: 0px 0px 4px 0px;
}
*/

/* list-style-position ======================================= */

.block-this-a {
list-style: outside;
padding-left: 35px;
margin-top: 10px;
margin-left: 10px;
border-left: 4px solid #196ECF;	
}
.block-this-b {
list-style: outside;
padding-left: 35px;
}

#footer-two-link-color a:link {
color: #acacac;
/*color: #909090;*/
}
#footer-two-link-color a:visited {
color: #acacac;
/*color: #909090;*/
}
#footer-two-link-color a:focus {
color: #acacac;
}
#footer-two-link-color a:hover {
color: #f5f5f5;
}
#footer-two-link-color a:active {
color: #acacac;
/*color: #909090;*/
}


/* footer fonts ======================================= */

.left-right-wrapper {			
/*font-family: "Inter", sans-serif;
font-style: normal;
font-variant: normal;*/
/*font-weight: 200;*/
}

@media all and (max-width: 734px) and (min-width: 0px) {
	
.tooltip .tooltiptext {
display: none;
}
	
	}


.gradient-color-to-text {
	background-image: linear-gradient(-268.67deg, #FFF066, #FFA31A);
	background-image: linear-gradient(-268.67deg, orange, #FFF066);
	background-image: linear-gradient(-228.67deg, red, #E866FF, #fff);
	background-clip: text;
	-webkit-background-clip: text;
	color: transparent;
	-webkit-text-fill-color: transparent;
	padding: 12px 0 12px 0;
}