/*
 * A template should always ship with an empty custom.css
 */
/*FONTS GOOGLE*/
@font-face {

  font-family: "Old Standard TT";
  /*src: url("../font/OldStandard-Regular.eot"); /* IE9 Compat Modes */
  src: /*url("../font/OldStandard-Regular.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    /*url("../font/OldStandard-Regular.otf") format("opentype"), /* Open Type Font */
    url("../font/OldStandard-Regular.woff2") format("woff2"), /* Modern Browsers */
    url("../font/OldStandard-Regular.svg") format("svg"), /* Legacy iOS */
    /*url("../font/OldStandard-Regular.ttf") format("truetype"), /* Safari, Android, iOS */
    url("../font/OldStandard-Regular.woff") format("woff"); /* Modern Browsers */
    
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Cinzel-Regular";
  /*src: url("../font/Cinzel-Regular.eot"); /* IE9 Compat Modes */
  src:  url("../font/Cinzel-Regular.woff2") format("woff2"), /* Modern Browsers */
    /*url("../font/Cinzel-Regular.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    /*url("../font/Cinzel-Regular.otf") format("opentype"), /* Open Type Font */
      url("../font/Cinzel-Regular.svg") format("svg"), /* Legacy iOS */
    /*url("../font/Cinzel-Regular.ttf") format("truetype"), /* Safari, Android, iOS */
    url("../font/Cinzel-Regular.woff") format("woff"); /* Modern Browsers */
   
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

h1, h2, h3, h4, h5 {
	font-family: "Cinzel-Regular", serif !important;
}


/*Fancybox gallery imges
.crea {
display: block;
float: left;
width: 32%;
max-width: 250px; 
margin-right: 1%;
margin-bottom: 0.5em;
}
*/

.vidf {
        position: relative;
        padding-bottom: 56.25%; /* 16:9 aspect ratio */
        height: 0;
        overflow: hidden;
        max-width: 100%;
        background: #000;
    }

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


/*Text banner image-background for mobile*/
@media screen and (max-width: 450px) {
#custom-text {
    background: url(https://arsaura.com/img/d/view-from-the-terrace-arsaura.jpg);
    background-repeat: no-repeat;
    background-position: top center;
    border-radius: 2px;
    margin-bottom: 1.5rem;
    padding: 10em 1em 0.2em 1em;
    text-align: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
 }
#custom-text p {
    color: #ffffff;
}
.product-actions .add-to-cart {
    height: 2.75rem;
    line-height: inherit;
    padding-top: .625rem;
    text-transform: none;
    padding: .2rem .5rem;
}
  }
@media screen and (min-width: 451px) {
#custom-text {
    background:url(https://arsaura.com/img/d/Amelia-banner.jpg);
}
}
/*Ribbon out of stock*/
.availability-list{

    margin-left: 220px;
    color: #fff;
    position: absolute;
    bottom: 286px;
   
}
.availability-list-out-of-stock{

background-color:transparent;
}


.thumbnail-container{

position: relative;

}
/*Mobile and descktop backgounds
@media only screen and (max-width: 480px) {
body {
    background-image: radial-gradient(#3a3a3a 2px,#13131300 2px),repeating-radial-gradient(#565656 0,#000000 2px,#161616 2px,#00000030 5px,#323232 5px,#545353 6px,#000000ad 6px,#00000094 12px);
    background-size: 8px 8px,24px 24px;
    background-position: 0 0;
}
}
@media only screen and (min-width: 480px) {
body{
    background-image: radial-gradient(#3a3a3a 5px,#13131300 5px),repeating-radial-gradient(#4c4c4c 0,#404040 2px,#1b1b1b 3px,#00000030 10px,#000000 10px,#606060 13px,#000000ad 12px,#00000094 23px);
    background-size: 15px 15px,45px 45px;
    background-position: 0 0;
}
}
*/
/*body {
    background-color: #2f2f2f;
    background-image: radial-gradient(circle at 0% 0%, rgba(255, 255, 255, 0.08) 0%, transparent 50%), radial-gradient(circle at 50% 50%, rgba(255, 255, 255, 0.08) 0%, transparent 50%);
    background-size: 12px 12px;
    background-position: 0 0, 3px 3px;
}*/

body {
  background-color: #2A2A2A;
  background-image: 
    linear-gradient(30deg, #383838 12%, transparent 12.5%, transparent 87%, #383838 87.5%, #383838),
    linear-gradient(150deg, #383838 12%, transparent 12.5%, transparent 87%, #383838 87.5%, #383838),
    linear-gradient(30deg, #383838 12%, transparent 12.5%, transparent 87%, #383838 87.5%, #383838),
    linear-gradient(150deg, #383838 12%, transparent 12.5%, transparent 87%, #383838 87.5%, #383838);
  background-size: 8px 14px;
  background-position: 0 0, 0 0, 4px 7px, 4px 7px;
}
/*Button text correction for mobiles*/

@media only screen and (max-width: 450px) {
.btn-primary {
font-size: 88%;
padding: .5rem;
text-transform: none;
}
}
/*Top Banner centering*/
@media only screen and (min-width: 480px) {
.banner img{
    display: flex;
    margin-left: auto;
    margin-right: auto;
width: 33%;}}
/*Top Banner for mobile*/
@media only screen and (max-width: 480px) {
.banner img{
    display: flex;
    margin-left: auto;
    margin-right: auto;
    width: 76%;
}}
/*arrows left and right for "reveiws"*/
svg:not(:root) {
    overflow: hidden;
    color: #d2d2d2;
}
/*Logo filters
.logo {
	filter: drop-shadow(1px 1px 1px #555454) drop-shadow(-1px -1px 1px #4d4d4d);
}
*/

/*Mobile Product Tabs*/
@media (max-width: 768px)
{
.tabs .nav-tabs .nav-item {
     width: 100%;
     margin: 0 0 10px 0;
     text-align: center;
}
}

/*Search alaintment*/
@media (max-width: 768px)
{
#header .header-top {
  text-align: center;
}
}
/*Product flag*/

/*Product name below Thumbnail categories
.product-description
{
    position: relative;
    z-index: 1;
    width: 256px;
    bottom: 2px;
    height: 86px;
    background-color: rgb(0 0 0 / 15%);
    backdrop-filter: blur(5px);
    margin-left: 5px;
    margin-bottom: -20px;
    border-left: 1px solid rgb(111 111 111 / 30%);
    border-top: 1px solid rgb(218 215 215 / 30%);
    box-shadow: 5px 4px 14px 1px rgb(0 0 0 / 60%);
}*/

/*SEARCH*/
#search_widget {
    min-width: auto!important;
}
/*Payment Icons center*/
.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  
}

@media (max-width: 1199px) {
#header .header-nav .search-widget {
    float: left!important;
    width: auto!important;
    margin-left: 1px;
}

#header #search_widget form input {
    position: fixed;
    top: 40px;
    left: 0;
    z-index: 9999999999;
    border: 3px solid #2a0000!important;
    /* margin: 0px 0px 0px 10px; */
    max-width: 90%;
    text-align: center;
    margin-left: 5%;
}

#header #search_widget form button {
position: fixed;
    top: 46px;
    z-index: 9999999999;
    bottom: auto;
    margin-right: 5%;
}

}/*placeholder*/
.form-control::-webkit-input-placeholder{color:#ccc9c9;}.form-control::-ms-input-placeholder{color:#ccc9c9;}.form-control::placeholder{color:#ccc9c9;}


/*HEADER MOBILE*/
@media only screen and (max-width: 480px){
#header{
background: transparent;
}
}
/*Paypal module image hide*/
.paypal-mark {
display: none !important;
}
/*Customization*/
.product-customization .custom-file > button.btn {
  font-size: 14px !important;
  display: inline;
  padding: 0;
  border: none;
  background: none;
  font: inherit; /* Inherit the font of the parent element */
  color: inherit; /* Inherit the color from the parent element */
  cursor: default; /* remove hover indicator */
  text-decoration:none; /* remove text underline if any*/
  appearance: none; /* cross browser default button styling removal*/
  -moz-appearance: none;
  -webkit-appearance: none;
}
/* Mobile Responsiveness Customization fields */
@media (max-width: 768px) {
  .product-customization .custom-file {
    display: flex;
    flex-direction: row; /* Keep icon and text in one line */
    align-items: center;
    padding: 12px 16px;
    min-height: 60px; /* Ensure consistent height */
    width: 100%;
    background: rgba(0, 0, 0, 0.2);
    border-radius: 4px;
  }

  .product-customization .custom-file .material-icons {
    flex-shrink: 0;
    margin-right: 12px;
  }

  .product-customization .custom-file .js-file-name {
    flex: 1;
    white-space: nowrap; /* Prevent text from wrapping */
    overflow: hidden;
    text-overflow: ellipsis; /* Add ... if text is too long */
    text-align: left;
  }
}
/* For even smaller screens */
@media (max-width: 480px) {
  .product-customization .custom-file {
    padding: 8px 12px;
  }
  
  .product-customization .custom-file .js-file-name {
    font-size: 0.9em; /* Slightly smaller font for very small screens */
  }
}