@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Roboto:300&display=swap');
html{
overflow-y:scroll;
}
body{
font-family: 'Roboto', sans-serif;
background-color: #ffffff;
background-position: 50% 0%;
background-repeat: no-repeat;
color: rgb(7, 6, 6);
margin:0px 0px 0px 0px;
padding:0;
-webkit-text-size-adjust:100%;
}

#container{
width:1200px;
margin:auto;
background-color: #ffffff;
border:1px solid #878383;
}
#containerforgalleries{
border:1px solid #424242;
padding:0;
margin:0 auto;
width:1200px;
background-color: #ffffff;
background-position: 50% 0%;
}
#content{
color:#ffffff;
padding:5px;
min-height:400px;
background:#ffffff;
clear:left;
}
/*==================================================================
  🎨 DYNAMIC WEBSITE HEADER BANNER CONTAINER
  Controls the size, full-bleed background images, and layout limits.
==================================================================*/
#header {
background-image: url('../images/home/erslogo14.jpg') !important;
background-repeat: no-repeat !important;
background-position: center top !important;    /* Keeps the top text and image details locked perfectly in position */
background-size: cover !important;             /* THE REAL FULL-BLEED FIX: Scales image smoothly to the full 1200px width */
width: 100% !important;
max-width: 1200px !important;                  /* Secures framing bounds tightly within your site standard */
height: 200px !important;                      /* Matches your precise 200px height standard framework */
margin: 0 auto !important;                     /* Centers the banner graphic perfectly on the display screen monitor */
display: block !important;
}

/* Internal text label attributes for heading strings if used inside the logo box */
#header1, #header2 {
display: inline-block !important;
font-size: 175% !important;
width: auto !important;
}

#header1 {
font-variant: small-caps !important;
margin: 0 10px !important;
}

#header2 {
font-variant: normal !important;
}



/*==================================================================
  🍔 HORIZONTAL MENU FORMATTING RULES (Factory Original Baseline)
==================================================================*/
.chromestyle { font-family: 'Roboto', sans-serif; font-size: 22px; /* Adjust this number to scale the main menu link text size */
   width: 100%; max-width: 1200px; margin: 0 auto; min-height: 58px; /* Vertical height thickness of the horizontal menu bar line */
    background-image: url('../images/menu-background-11.jpg');
     background-repeat: no-repeat; background-size: 100% 100%; background-position: center;
     }

.chromestyle::after { 
content: ""; 
display: table; 
clear: both; 
} 

.chromestyle ul { 
position: relative; 
width: 100%; 
padding: 15px 0; 
margin: 0; 
text-align: center; 
list-style: none; 
} 

.chromestyle ul li { 
display: inline-block; 
text-align: left; 
margin-right: 4px; 
} 

.chromestyle ul li a { 
color: #030000; 
padding: 8px 10px !important; 
margin: 0; 
text-decoration: none; 
text-align: center; 
display: inline-block; 
} 

/* FIXED HOVER TARGET: Targets ONLY individual button text to stop gradient bleed */
.chromestyle ul li a:hover { 
background: linear-gradient(to bottom, #efecec 0%, #ebe7e7 100%) !important; 
} 

@media (min-width: 850px) { 
.chromestyle > ul > li:not(:last-child) { 
position: relative; 
} 
.chromestyle > ul > li:not(:last-child) > a::after { 
content: "" !important; 
height: 14px; 
width: 1px; 
background-color: #d08c17 !important; 
display: block !important; 
position: absolute; 
right: -2px; 
top: 50%; 
margin-top: -7px; 
} 
} 

/*==================================================================
  📥 DROPDOWN CONTENT COMPARTMENT LOCKS
==================================================================*/
.dropmenudiv { 
position: absolute; 
top: 38px; 
font-family: 'News Cycle', sans-serif; 
line-height: 22px; 
z-index: 20000 !important; 
background-color: #f5f0f0 !important; 
color: #000000 !important; 
width: 250px !important; 
text-align: left; 
border: 1px solid #999999; 
visibility: hidden; 
box-shadow: 0 4px 12px rgba(0,0,0,0.25); 
} 

.dropmenudiv a { 
width: 238px !important; 
display: block !important; 
text-indent: 12px !important; 
padding: 8px 0 !important; 
text-decoration: none !important; 
color: #000000 !important; 
background-color: #f5f0f0 !important; 
border-bottom: 1px solid #e2dede; 
} 

.dropmenudiv a:hover { 
color: #ffffff !important; 
background-color: #6495ed !important; 
}

/*==================================================================
  🌐 GLOBAL RE-ALIGNMENT CONTROLS (Isolated Safe Tracking)
==================================================================*/
/* Targets content links, ignoring menu bar structures */
#normalWrapper a, .about_container a { 
color: #0a0a09; 
text-decoration: none; 
font-weight: 100; 
} 

#normalWrapper a:hover, .about_container a:hover { 
color: #ed6b0e; 
text-decoration: underline; 
} 

ol { 
list-style-type: none; 
margin-left: 0; 
} 

/* Restores layout paragraph sizing natively while protecting menu spacing scales */
.about_element p { 
text-indent: 0; 
margin: 0; 
font-size: 18px !important; /* Calibrated down from 28px to look professional inside the white card */
}

#container_gallery {
background: #181818 !important;
width: 1200px !important;
text-align: center !important;
margin: 0 auto !important;
padding: 0 !important;
overflow: hidden !important;
}
#container_gallery ol li {
display: block !important;
float: left !important;
list-style: none !important;
margin: 0 !important;
padding: 0 !important;
}
div.img_square img, div.img_rectangle img, div.img_rectangleMiddle img, div.img_pano img, div.img_container img {
border-radius: 1.5% !important;
box-shadow: -15px 17px 25px 4px rgba(0, 0, 0, 0.5) !important;
transition: transform 0.3s ease, box-shadow 0.3s ease !important;
}
div.img_square img:hover, div.img_rectangle img:hover, div.img_rectangleMiddle img:hover, div.img_pano img:hover, div.img_container img:hover {
transform: scale(1.02) !important;
box-shadow: -18px 22px 30px 6px rgba(0, 0, 0, 0.6) !important;
}
div.img_square img {
margin: 3px !important;
border: 0px solid #000000 !important;
height: 275px !important;
width: 275px !important;
float: left !important;
text-align: center !important;
background-color: #181818 !important;
}
div.img_rectangle img {
margin: 3px !important;
border: 0px solid #000000 !important;
height: 275px !important;
width: 369px !important;
float: left !important;
text-align: center !important;
background-color: #181818 !important;
}
div.img_rectangleMiddle img {
margin: 3px !important;
border: 0px solid #000000 !important;
height: 275px !important;
width: 368px !important;
float: left !important;
text-align: center !important;
background-color: #181818 !important;
}
div.img_pano img {
margin: 3px 4px 3px 4px !important;
border: 0px solid #000000 !important;
height: 275px !important;
width: 554px !important;
float: left !important;
text-align: center !important;
background-color: #181818 !important;
}
div.img_container img {
display: inline-block !important;
width: 369px !important;
height: 369px !important;
margin: 0px !important;
border: 0px !important;
}
div.img_container a:hover img {
border: 0px solid #0000ff !important;
}
div.img_description {
line-height: 15px !important;
font-size: 14px !important;
font-weight: normal !important;
text-align: justify !important;
width: 256px !important;
margin: 3px !important;
height: 100px !important;
color: #ffffff !important;
border-left: 10px solid #141414 !important;
border-right: 10px solid #141414 !important;
}
.img_description img a {
border: none !important;
}
.img_description img a:hover {
border: 0px solid #fff !important;
}
div.title {
line-height: 25px !important;
text-align: center !important;
font-weight: normal !important;
width: 276px !important;
margin: auto !important;
font-family: Verdana, Arial, Helvetica, sans-serif !important;
font-size: 22px !important;
color: #CCCCCC !important;
}
.slideshow-window {
background-color: transparent !important;
border-color: transparent !important;
border-radius: 0 !important;
border-width: 0 !important;
padding-top: 0 !important;
}
td {
padding: 0;
vertical-align: top;
}

/*------------------------------------------------------------------
  IMAGE DROP SHADOWS & ROUNDED CORNERS (UPDATED FOR TREE IMAGES)
------------------------------------------------------------------*/
div.img_tree_w img, 
div.img_tree_v img {
  border-radius: 4% !important;
  box-shadow: -15px 17px 25px 4px rgba(0, 0, 0, 0.5) !important;
  transition: transform 0.3s ease, box-shadow 0.3s ease !important; 
}

/* Smooth hover scaling effect */
div.img_tree_w img:hover, 
div.img_tree_v img:hover {
  transform: scale(1.02) !important;
  box-shadow: -18px 22px 30px 6px rgba(0, 0, 0, 0.6) !important;
}

/*------------------------------------------------------------------
  IMAGE DIMENSIONS & FLOATS
------------------------------------------------------------------*/
div.img_tree_w img {
  margin: 3px !important;
  border: 0px solid #000000 !important;
  height: 369px !important;
  width: 556px !important;
  float: left !important;
  text-align: center !important;
  background-color: #181818 !important;
}

div.img_tree_v img {
  margin: 3px !important;
  border: 0px solid #000000 !important;
  height: 369px !important;
  width: 275px !important;
  float: left !important;
  text-align: center !important;
  background-color: #181818 !important;
}




/*------------------------------------------------------------------
  GALLERY CONTAINER
------------------------------------------------------------------*/
#container_gallery {
  background: #181818 !important;
  width: 1200px !important;
  text-align: center !important;
  margin: 0 auto !important; 
  padding: 0 !important;
  overflow: hidden !important;
}

/*------------------------------------------------------------------
  IMAGE DROP SHADOWS & ROUNDED CORNERS (UPDATED WITH FILM STYLES)
------------------------------------------------------------------*/
div.img_square img, 
div.img_rectangle img, 
div.img_rectangleMiddle img, 
div.img_pano img,
div.img_film_h img,
div.img_film_v img,
div.img_film_Center img,
div.img_container img {
  border-radius: 4% !important;
  box-shadow: -15px 17px 25px 4px rgba(0, 0, 0, 0.5) !important;
  transition: transform 0.3s ease, box-shadow 0.3s ease !important; 
}

/* Smooth hover scaling effect */
div.img_square img:hover, 
div.img_rectangle img:hover, 
div.img_rectangleMiddle img:hover, 
div.img_pano img:hover,
div.img_film_h img:hover,
div.img_film_v img:hover,
div.img_film_Center img:hover,
div.img_container img:hover {
  transform: scale(1.02) !important;
  box-shadow: -18px 22px 30px 6px rgba(0, 0, 0, 0.6) !important;
}

/*------------------------------------------------------------------
  IMAGE DIMENSIONS & FLOATS
------------------------------------------------------------------*/
div.img_square img {
  margin: 3px !important;
  border: 0px solid #000000 !important;
  height: 275px !important;
  width: 275px !important;
  float: left !important;
  text-align: center !important;
  background-color: #181818 !important;
}

div.img_rectangle img {
  margin: 3px !important;
  border: 0px solid #000000 !important;
  height: 275px !important;
  width: 369px !important;
  float: left !important;
  text-align: center !important;
  background-color: #181818 !important;
}

div.img_rectangleMiddle img {
  margin: 3px !important;
  border: 0px solid #000000 !important;
  height: 275px !important;
  width: 368px !important;
  float: left !important;
  text-align: center !important;
  background-color: #181818 !important;
}



div.img_film_h img {
  margin: 3px !important;
  border: 0px solid #000000 !important;
  height: 275px !important;
  width: 369px !important;
  float: left !important;
  text-align: center !important;
  background-color: #181818 !important;
}

div.img_film_v img {
  margin: 3px !important;
  border: 0px solid #000000 !important;
  height: 369px !important;
  width: 275px !important;
  float: left !important;
  text-align: center !important;
  background-color: #181818 !important;
}

div.img_film_Center img {
  margin: 3px !important;
  border: 0px solid #000000 !important;
  height: 738px !important;
  width: 550px !important;
  float: left !important;
  text-align: center !important;
  background-color: #181818 !important;
}

div.img_container img {
  display: inline-block !important;
  width: 369px !important;
  height: 369px !important;
  margin: 0px !important;
  border: 0px !important;
}

div.img_container a:hover img {
  border: 0px solid #0000ff !important;
}
/*------------------------------------------------------------------
  IMAGE DROP SHADOWS & ROUNDED CORNERS (UPDATED WITH SMALLER CORNERS)
------------------------------------------------------------------*/
div.img_inproduciton_1100491 img,
div.img_inproduciton_idab img,
div.img_inproduciton_itb img,
div.img_inproduciton_1100586 img,
div.img_inproduciton_dsb img,
div.img_inproduciton_w img,
div.img_inproduciton_swide img,
div.img_inproduciton_v img {
  border-radius: 1.5% !important; /* Changed from 4% to 1.5% for smaller corners */
  box-shadow: -15px 17px 25px 4px rgba(0, 0, 0, 0.5) !important;
  transition: transform 0.3s ease, box-shadow 0.3s ease !important; 
}

/* Smooth hover scaling effect */
div.img_inproduciton_1100491 img:hover,
div.img_inproduciton_idab img:hover,
div.img_inproduciton_itb img:hover,
div.img_inproduciton_1100586 img:hover,
div.img_inproduciton_dsb img:hover,
div.img_inproduciton_w img:hover,
div.img_inproduciton_swide img:hover,
div.img_inproduciton_v img:hover {
  transform: scale(1.02) !important;
  box-shadow: -18px 22px 30px 6px rgba(0, 0, 0, 0.6) !important;
}

/*------------------------------------------------------------------
  IMAGE DIMENSIONS & FLOATS
------------------------------------------------------------------*/
div.img_inproduciton_1100491 img {
  margin: 10px !important;
  border: 0px solid #000000 !important;
  height: 491px !important;
  width: 1100px !important;
  float: left !important;
  text-align: center !important;
  background-color: #181818 !important;
}

div.img_inproduciton_idab img {
  margin: 10px !important;
  border: 0px solid #000000 !important;
  height: 468px !important;
  width: 1100px !important;
  float: left !important;
  text-align: center !important;
  background-color: #181818 !important;
}

div.img_inproduciton_itb img {
  margin: 10px !important;
  border: 0px solid #000000 !important;
  height: 455px !important;
  width: 1100px !important;
  float: left !important;
  text-align: center !important;
  background-color: #181818 !important;
}

div.img_inproduciton_1100586 img {
  margin: 10px !important;
  border: 0px solid #000000 !important;
  height: 586px !important;
  width: 1100px !important;
  float: left !important;
  text-align: center !important;
  background-color: #181818 !important;
}

div.img_inproduciton_dsb img {
  margin: 10px !important;
  border: 0px solid #000000 !important;
  height: 418px !important;
  width: 1100px !important;
  float: left !important;
  text-align: center !important;
  background-color: #181818 !important;
}

div.img_inproduciton_w img {
  margin: 10px !important;
  border: 0px solid #000000 !important;
  height: 550px !important;
  width: 1100px !important;
  float: left !important;
  text-align: center !important;
  background-color: #181818 !important;
}

div.img_inproduciton_swide img {
  margin: 10px !important;
  border: 0px solid #000000 !important;
  height: 660px !important;
  width: 1100px !important;
  float: left !important;
  text-align: center !important;
  background-color: #181818 !important;
}

div.img_inproduciton_v img {
  margin: 3px !important;
  border: 0px solid #000000 !important;
  height: 369px !important;
  width: 275px !important;
  float: left !important;
  text-align: center !important;
  background-color: #181818 !important;
}


/* Footers */
#footer {
border-top: 1px solid rgb(94, 94, 94) !important;
padding: 20px 30px 20px;
font-size: 16px;
background-color: #000000;
background-image: url('../images/home/erslogo13lighterFooter.jpg');
background-position: center top;
background-repeat: no-repeat;
background-size: 100% auto;
overflow: hidden;
clear: both;
margin-top: 55px;
}
#footerright {
float: right;
text-align: right;
width: auto;
margin-right: 8px;
}
#footer #socialbuttons {
margin-bottom: 5px;
}
.footersmltxt {
font-size: 100%;
}
.leftfooter {
float: left;
text-align: left;
color: #ffffff;
font-size: 14px;
}

/*==================================================================
  📦 MODERN TABLE-FREE CONTAINER CONTROLS (pages.css)
==================================================================*/
#normalWrapper {
  width: 100% !important;
  max-width: 1200px !important;
  margin: 0px auto !important;
  display: block !important;
}

.about_container {
  width: 100% !important;
  max-width: 1000px !important;             /* Sets card frame width */
  margin: 0 auto !important;
  background-color: #ffffff !important;     /* Clean white paper backdrop card fill */
  border: 1px solid #000000 !important;     /* Bounding frame edge border line */
  border-radius: 8px !important;            
  box-shadow: -15px 17px 25px 4px rgba(0, 0, 0, 0.4) !important; /* Premium deep gallery shadow layout look */
}

.about_element {
  /* THE 100px BUFFER EDGE SYSTEM: Forces all elements 100px away from the border lines */
  padding: 60px 100px !important;           
  box-sizing: border-box !important;
}

.contact_title {
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 26px !important;
  font-weight: bold !important;
  color: #111111 !important;
  margin: 0 0 35px 0 !important;
  text-align: center !important;
}

/*==================================================================
  📋 FLEXIBLE STACKED FORM FIELDS
==================================================================*/
.form_group {
  display: block !important;
  width: 100% !important;
  margin-bottom: 22px !important;          /* Spaces individual rows vertically down the card */
  text-align: center !important;           /* Centers input elements horizontally inside card columns */
}

.form_label {
  display: block !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 16px !important;
  font-weight: bold !important;
  color: #111111 !important;
  margin-bottom: 8px !important;
}

/* Standardizes input sizes and applies clean modern field spacing border styles */
.con_field {
  padding: 8px 12px !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 15px !important;
  border: 1px solid #cccccc !important;
  border-radius: 4px !important;
  background-color: #fafafa !important;
  width: 450px !important;                  /* Uniform flat width scaling for input line items */
  max-width: 100% !important;
  box-sizing: border-box !important;
  display: inline-block !important;
}

/* Specialized sizing properties to stack large dropdown fields and big textarea windows nicely */
.select_field {
  width: 450px !important;
  height: 38px !important;
}

.textarea_field {
  width: 600px !important;                  /* Expanded wider box layout matches grand scale desktop monitors */
  max-width: 100% !important;
  height: 220px !important;
  resize: vertical !important;
}

.form_actions {
  text-align: center !important;
  margin-top: 30px !important;
}

/* Premium Heavy Black Button Layout */
.submit_btn {
  padding: 12px 40px !important;
  background-color: #111111 !important;
  color: #ffffff !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 16px !important;
  font-weight: bold !important;
  border: none !important;
  border-radius: 4px !important;
  cursor: pointer !important;
  box-shadow: 0 4px 10px rgba(0,0,0,0.15) !important;
  transition: background-color 0.2s ease, transform 0.2s ease !important;
}

.submit_btn:hover {
  background-color: #333333 !important;     /* Soft linen charcoal blend transition on hover */
  transform: translateY(-1px) !important;
}

/* Response alert boxes styling layout fields */
.success_box, .error_box { text-align: center !important; margin-top: 25px !important; }
.success_msg { color: #008000 !important; font-weight: bold !important; font-family: Arial, sans-serif; }
.error_msg { color: #ff0000 !important; font-weight: bold !important; font-family: Arial, sans-serif; }

/*==================================================================
  📦 COMPACT PROFILE CARD FORMATTING (pages.css)
  Locks everything to 700px with a completely zero-margin top photo.
==================================================================*/
#normalWrapper {
  width: 100% !important;
  max-width: 1200px !important;
  margin: 40px auto !important;
  display: block !important;
}

.about_container.compact_700 {
  width: 100% !important;
  max-width: 700px !important;              /* THE WIDTH LOCK: Sets the entire container card to exactly 700px wide */
  margin: 0 auto !important;
  background-color: #ffffff !important;     
  border: 1px solid #000000 !important;     
  border-radius: 8px !important;            
  box-shadow: -15px 17px 25px 4px rgba(0, 0, 0, 0.4) !important; 
  overflow: hidden !important;              /* THE ZERO MARGIN CROP: Cuts picture corners cleanly to match curved borders */
}

/* Hyperlink Box Layer: Touches top, left, and right walls with 0 margins */
.about_image_link.edge_flush {
  display: block !important;
  width: 100% !important;                   /* Stretches to the exact 700px width bounds */
  height: 400px !important;                  /* Locks the 400px vertical image aspect ratio requested */
  margin: 0 !important;                     /* Wipes out top, left, and right spacing cushions entirely */
  padding: 0 !important;
  border-bottom: 1px solid #000000 !important; /* Clean line divider separating picture from the text area below */
}

.about_feature_img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;             /* Scales the image sharply inside the 700x400 block with zero distortion */
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Interior reading padding applied ONLY to the text below the image */
.about_element.internal_padding {
  padding: 40px 45px !important;            /* Safe margins inside the 700px box so the text reads comfortably */
  box-sizing: border-box !important;
}

.about_P {
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 17px !important;               
  line-height: 1.6 !important;              
  text-align: justify !important;           
  color: #333333 !important;                
  margin: 0 0 24px 0 !important;            
}

.about_Pcentered {
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 17px !important;
  line-height: 1.6 !important;
  text-align: center !important;             
  color: #111111 !important;
  margin: 24px 0 0 0 !important;
}

.about_divider {
  height: 1px !important;
  background-color: #e2dede !important;    
  margin: 25px 0 !important;
}


/* ==================================================================
📱 IPHONE & MOBILE NAVIGATION BAR OVERRIDE (pages.css)
Forces the extra-tall menu to shrink down to a tight mobile footprint.
================================================================== */
@media screen and (max-width: 768px) {
  /* Snaps the giant header container down to a clean mobile thickness */
  #header, .chromemenu, #chromemenu {
    height: auto !important;
    min-height: 55px !important;
    padding: 5px 15px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    box-sizing: border-box !important;
  }

  /* Un-centers and positions the text links inside the shortened mobile strip */
  #chromemenu a, .chromemenu a {
    display: inline-block !important;
    padding: 6px 10px !important;
    font-size: 15px !important;
    text-align: left !important;
    margin: 0 !important;
  }
}









/*==================================================================
🎨 POPUP TEXT LINK TYPOGRAPHY & COLOR ACCENT OVERRIDES
==================================================================*/

/* RE-CENTERED LINK BLOCK: CLEARS THE HIDDEN LAYOUT LEFT FLOATS */
div.pp_pic_holder .pp_content_container .pp_details {
  float: none !important;
  width: 100% !important;
  text-align: center !important;
  margin: 15px auto 5px auto !important;
  padding: 0 !important;
  clear: both !important;
}

/* TARGETS THE LOWER REDIRECT HYPERLINK ACTIONS TEXT GLOBALLY */
.pp_content_container a, 
div.pp_pic_holder .pp_description a {
  /* Blows the artwork name link up to a prominent 24px layout footprint */
  font-size: 24px !important;
  font-weight: bold !important;
  /* Seamlessly maps the characters to your main clean font profile */
  font-family: 'Roboto', sans-serif !important;
  /* FORCES THE LINK STRING TO MATCH YOUR WEB PAGE PORTFOLIO GOLD ACCENT */
  color: #ed6b0e !important;
  text-decoration: none !important;
  /* Inline-block allows proper padding and centering mechanics */
  display: inline-block !important;
  margin: 0 auto !important;
  text-align: center !important;
}

/* CONTROLS THE ANIMATED COLOR SHIFT HOVER STATE IN THE POPUP */
.pp_content_container a:hover, 
div.pp_pic_holder .pp_description a:hover {
  /* Slightly darkens the gold during a hover event to show a crisp interaction */
  color: #d45d0a !important;
  text-decoration: underline !important;
}

/*==================================================================
🎨 IMAGE CORNER SMOOTHING & INTENSE SHADOW LOCKS
==================================================================*/

/* EXTENDED CORNER RADII AND MAXIMUM CONTRAST GALLERY DROP SHADOW */
#pp_full_res img, 
div.pp_pic_holder .pp_content img, 
div.pp_pic_holder img {
  /* Maintains your smooth, highly pronounced modern rounded look */
  border-radius: 12px !important;
  /* ADVANCED INTENSITY DROP SHADOW FOR MAXIMUM CONTRAST AND VISUAL LIFT */
  box-shadow: 0px 15px 45px rgba(0, 0, 0, 0.65) !important;
}

/* MASTER WRAPPER FIX: SECURES COORDINATES FOR THE CLOSE BUTTON */
div.pp_pic_holder {
  /* Allows absolute child elements like the close button to position correctly */
  position: absolute !important;
  /* Prevents your deep floating shadows from getting clipped by box margins */
  overflow: visible !important;
}

/*==================================================================
🎨 RESTORE EXPLICIT CLOSE BUTTON NAVIGATION INTERFACE
==================================================================*/
div.pp_pic_holder a.pp_close {
  /* Forces the hidden exit action button to reappear cleanly */
  display: block !important;
  position: absolute !important;
  /* Pins the button right over the top right corner area of your print graphic */
  top: -10px !important;
  right: -10px !important;
  /* Dimensions matching your native dark_square sprite assets */
  width: 75px !important;
  height: 22px !important;
  background: url(../images/prettyPhoto/dark_square/sprite.png) -1px -1px no-repeat !important;
  cursor: pointer !important;
  /* Text hidden safely off the visibility board edge */
  text-indent: -10000px !important;
  /* Holds layer priority right on the very top sheet of the display */
  z-index: 30000 !important;
}

/* Optional: Slight opacity change on hover to make it feel responsive */
div.pp_pic_holder a.pp_close:hover {
  opacity: 0.8 !important;
}





/*==================================================================
🎨 RE-BALANCED FINE-ART MUSEUM MATTE CANVAS FOOTPRINT (FINAL FIX)
==================================================================*/

/* 1. DISCONNECTS THE OLD 2009 SPRITE BANDS TO FLATTEN THE LAYOUT */
div.pp_pic_holder .pp_top,
div.pp_pic_holder .pp_bottom,
div.pp_pic_holder .pp_top *,
div.pp_pic_holder .pp_bottom * {
  /* Erases the native background image graphics entirely */
  background: none !important;
  background-image: none !important;
  /* Collapses the physical 20px spatial tracks to 0 so they don't block the view */
  height: 0px !important;
  line-height: 0px !important;
}

/* 2. CUSTOMIZES THE OUTER MATTE PRESENTATION FRAME CARD CONTAINER */
.pp_content_container {
  /* THE CORNER SHAPE: Change 12px to a higher or lower number to alter the curves */
  border-radius: 12px !important;
  /* COOKIE-CUTTER MASK: Forcefully clips all graphics flush inside your rounded lines */
  overflow: hidden !important;
  box-sizing: border-box !important;
  
  /* THE OUTER OUTLINE: 1px is the thickness, solid is the style, #d3d3d3 is light gray */
  border: 1px solid #d3d3d3 !important;
  /* THE CANVAS BACKDROP TONE: Matches your premium white fine art paper theme */
  background-color: #f2f1f1 !important;
  
  /* THE MATTE BORDER MATRICES: Change these pixel numbers to adjust your spacing */
  /* Adjust this number to create MORE or LESS white space ABOVE the print image */
  padding-top: 20px !important;
  /* Adjust this number to create MORE or LESS white space BELOW the print image */
  padding-bottom: 20px !important;
}

/* 3. SHADOW TRACK PROTECTION SHIELD */
div.pp_pic_holder {
  /* SWITCH TO VISIBLE: Keeps your deep 0.65 floating drop shadows from getting clipped */
  overflow: visible !important;
}