/*
Theme Name: white
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/


@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/

div.row>div.col.post-item>div.col-inner {border:3px solid transparent;padding:10px 20px}div.row>div.col.post-item>div.col-inner:hover{border:3px solid #000;background:linear-gradient(#aea,#bfb);border-radius:8px;color:#030}div.row>div.col.post-item>div.col-inner{border:3px solid transparent;padding:15px 30px} div.row>div.col.post-item>div.col-inner:hover>a>div>div>div>h5.post-title{color:#030 !important}div.row>div.col.post-item>div.col-inner:hover span, div.row>div.col.post-item>div.col-inner:hover div{color:#030}

div.row>div.col.post-item div div h5.is-large a.plain:hover {color:#030}div.row>div.col.post-item div.col-inner div {padding:0;margin:0}

div.row>div.col.post-item div.is-divider, div.row>div.col.post-item p.from_the_blog_excerpt{display:none}

#post-list .post-item .col-inner div div .image-cover{display:none}

.header-wrapper.stuck, .header-shadow .header-wrapper{box-shadow: none}

div div.page-title-bg{border:2px #fff solid;border-radius:0px}
div.page-title>div>.title-overlay{background: radial-gradient(ellipse farthest-corner at right bottom, #00f 0%, #00c 8%, #009 30%, #005 40%, transparent 80%),radial-gradient(ellipse farthest-corner at left top, #00f 0%, #00f 8%, #009 25%, #009 62.5%, #005 90%),
url('your-image.jpg')}div.page-title{background:none;background-color:#f00}




div.page-title{margin:0 auto;padding:0;padding-top:0}

div.page-title div.page-title-inner {

padding:0;
margin:0 auto;margin-top:0;

}

div.page-title div.page-title-inner div.flex-col{background-color:transparent;margin:0 auto;margin-top:0}

div.page-title,div.page-title>div,div>page-title div{margin:0 auto;padding:0}
div.page-title div.entry-divider{display:none}



div.page-title>div>.title-overlay{background: radial-gradient(ellipse farthest-corner at right bottom, #fff 0%, #fff 8%, #fff 30%, #fff 40%, transparent 80%),radial-gradient(ellipse farthest-corner at left top, #fff 0%, #fff 8%, #fff 25%, #fff 62.5%, #fff 90%),
url('https://fine.gold/wp-content/uploads/2026/02/old-antique-paper-parchment-free-png.png');}

div.page-title>div{
background:none;
background-color:#fff
}

div.page-title div.page-title-inner{

background: none;

background-color:transparent;

}

.page-title>div{ }


.page-title .page-title-inner div, .page-title .page-title-inner span, .page-title .page-title-inner h6, .page-title .page-title-inner h1, .page-title .page-title-inner a {color:#fff;text-shadow:#000 1px 1px 2px}  .page-title .page-title-inner a:hover{color:#ddd}

div.page-title{margin:0;padding:0;border-width:3px;border-color:#000;background-color:#0f0;overflow:display}



div div.page-title-bg{border:0px #5D4D11 solid;border-radius:4px;

background: linear-gradient(to right, #AB9A48, #5D4D11, #895C00);

}


div div.page-title-bg > .bg-top{

opacity:.3;

background-repeat: no-repeat;
background-size: cover;
background-position: center;


border:solid #333 2px;
border-radius:4px;border-width:2px;
margin:3px;margin-left:3px;margin-right:3px;


}



div.page-title>div>.title-overlay{background-color: transparent;opacity:0;}


div.page-title{background:none;background-color:#fff}





#main-menu{min-height:100%;}#main-menu .sidebar-menu ul.nav>li{border-color:transparent;border-width:3px;}#cart-popup,#main-menu,.off-canvas-right .mfp-content{background: radial-gradient(ellipse farthest-corner at right bottom, #fff 5%, #fff 18%, #fff 100%, #fff 70%, transparent 80%),radial-gradient(ellipse farthest-corner at left top, #fff 50%, #fff 8%, #fff 5%, #fff 42.5%, #fff 50%, transparent 80%),url('your-image.jpg')}


.off-canvas-right .mfp-content,.off-canvas-left .mfp-content{position:fixed;top:0;bottom:0;width:385px;left:0;overflow-y:auto;-webkit-overflow-scrolling:touch;transition:-webkit-transform 0.1s;transition:transform 0.1s;transition:transform 0.1s, -webkit-transform 0.2s;-webkit-transform:translateX(-395px);-ms-transform:translateX(-395px);transform:translateX(-395px);}.off-canvas-right .mfp-content{left:auto;right:0;-webkit-transform:translateX(445px);-ms-transform:translateX(445px);transform:translateX(445px)}

.off-canvas-right .nav-vertical>li>a{padding-top:3px;padding-bottom:3px;background-color:transparent}.off-canvas .nav-vertical li ul{background-color:transparent;}

.off-canvas .nav-vertical>li>a{padding-top:0px;padding-bottom: 7px;color:#fff}.off-canvas .nav-vertical li li>a{padding-top:1px;padding-bottom:1px}.off-canvas-right .nav-vertical>li>a,.off-canvas-right .nav-vertical>li li>a{background-color:#fff;font-size:.9em;color:#000;text-transform: capitalize;font-weight:normal}.mfp-close{top:0;right:0;color:#777;font-weight:300;font-size:30px;width:60px;height:30px;line-height:30px;}

.off-canvas-right .nav-vertical>li>a{max-height:40px}.off-canvas-right .nav-vertical>li ul li.menu-item-object-post>a{padding:10px 20px;max-width:300px}

.off-canvas-right .nav-vertical>li ul{background-color:red;padding:0;margin:0}

.off-canvas-right .nav-vertical>li {background-color:green}

.off-canvas-right .nav-vertical>li>a,.off-canvas-right .nav-vertical>li li>a{font-size:.9em;border:solid 2px transparent;border-radius:0px;max-width:97%;opacity:.8;padding:0;margin:0}.off-canvas-right .nav-vertical li>a:hover,.off-canvas-right .nav-vertical>li li>a:hover{opacity:1;border:solid 2px transparent;background-color:#aea;background-color:#006;color:#fff;border-radius:4px;}.off-canvas-right .nav-vertical>li:hover,.off-canvas-right .nav-vertical>li li:hover{border-color:transparent !important;background-color:transparent}

.off-canvas-right .nav-vertical li>a:hover,.off-canvas-right .nav-vertical>li li>a:hover{opacity:1;border:solid 2px #000;background-color:#aea;background-color:#555;color:#fff;border-radius:2px;

;background:linear-gradient(#aea,#bfb);border-color:#030;color:#030;border-radius:4px;

}




.off-canvas-right .nav-vertical>li,.off-canvas-right .nav-vertical>li li, .off-canvas-right .nav-vertical>li:hover, .off-canvas-right .nav-vertical>li li:hover, .off-canvas-right .nav-vertical>li ul{border-color:transparent !important;background-color:#fff !important;}.off-canvas-right .nav-vertical>li,.off-canvas-right .nav-vertical>li li{border-radius: 8px}


 .off-canvas-right .nav-vertical>li ul{padding-bottom:0 !important}

.searchform-wrapper .autocomplete-suggestions{max-height:65vh}.autocomplete-suggestion .search-name{max-width:365px;height:auto;float:left;clear:none;}.autocomplete-suggestion img{float:left;clear:right;width:50px;min-width:50px;border-radius:0px;height:30px;display:block;margin-right:0px;cursor:pointer;padding-left:0;}.autocomplete-suggestion img+.search-name{margin-top:0}.autocomplete-suggestion .search-price{display:none}.autocomplete-suggestion .search-item-box{min-width:370px}
.off-canvas-right .form-flat input:not([type="submit"]){border-radius:8px;height:24px;line-height:24px;font-size:32px;border-width:4px;border-color:#333;color:#fff }.off-canvas-right Input::-webkit-input-placeholder{color:#e5e5e5}


.searchform-wrapper .autocomplete-suggestions{max-height:65vh}.autocomplete-suggestion .search-name{max-width:365px;height:auto;float:left;clear:none;}.autocomplete-suggestion img{float:left;clear:right;width:50px;min-width:50px;border-radius:0px;height:30px;display:block;margin-right:0px;cursor:pointer;padding-left:0;}.autocomplete-suggestion img+.search-name{margin-top:0}.autocomplete-suggestion .search-price{display:none}.autocomplete-suggestion .search-item-box{min-width:370px}
.off-canvas-right .form-flat input:not([type="submit"]){border-radius:8px;height:24px;line-height:24px;font-size:32px;border-width:4px;border-color:#333;color:#fff }.off-canvas-right Input::-webkit-input-placeholder{color:#e5e5e5}

.footer .row .col ul#menu-menu-1>li.menu-item{float:left;clear:right;margin:0 5px 0 0;padding:0}.footer .row .col ul#menu-menu-1>li.menu-item:hover{float:left;clear:right;}.footer .row .col ul#menu-menu-1>li.menu-item a{padding:7px;border:solid 3px #fff;border-radius:5px;}#news-block a{margin:2px 5px 2px 0;border:solid 3px #fff;border-radius:5px;padding:0 5px}#footer .footer ul li{border:none; line-height:18px;padding:0;margin:0;}.footer .row .col .tagcloud a{font-size:1em !important;line-height:.8em;opacity:1;margin:0 -2px;padding:6px 5px 6px 6px;border-radius:5px;border:solid 3px #fff;}#news-block a,.footer .row .col ul#menu-menu-1>li.menu-item a,.footer .row .col .tagcloud a{color:#ccc;font-weight:400}#news-block a:hover,.footer .row .col ul#menu-menu-1>li.menu-item:hover a,.footer .row .col .tagcloud a:hover{color:#fff;border:solid 3px #006;background-color:#999;background:linear-gradient(to top, #008,#004);background:-webkit-linear-gradient(to top,#008,#004);}

a.off>section,a.off>div{border-radius:6px;overflow:hidden;border:3px solid transparent}a.off:hover>section,a.off:hover>div{border:3px solid #00a}


.footer div ul li {line-height:30px;font-size:12px}

.footer div ul li a{font-size:12px;color:#aaa}

.footer div ul li a:hover{color:#009}

div.rmwr-wrapper>button.read-link>span.rmwr-text{border:none;text-transform:none;font-size:12px;padding:0 20px;margin:0px:opacity:.7}

div.rmwr-wrapper>button.read-link>span.rmwr-text:hover{border:none;text-transform:none;border-color:red;opacity:1}

div.rmwr-wrapper>button{opacity:.5}
div.rmwr-wrapper>button:hover{opacity:1}

div.rmwr-wrapper>button.read-link:hover,div.rmwr-wrapper:hover{border:none;border-width:0px;border-color:#0f0}

div.rmwr-wrapper>button.read-link, div.rmwr-wrapper:hover>button.read-link , div.rmwr-wrapper>button.read-link:hover {border:#00f solid 0px;border-width:0px;border-color:#00f !important;border-radius:30px; padding:0px;padding-top:0px;margin:0px}

div.rmwr-wrapper{padding:0px;padding-top:0px}




div>div>#aud{

position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000;opacity:.9;z-index:99998;display:none;
}
div>div>#aud>div{flex:1;width:100%;height:100%;
display:flex;flex-direction:column;justify-content:center;

}

div>div>#aud>div>.audiobar>div{background-color:#f00}

div.xover{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000;opacity:.8;z-index:9999;float:left;}

div.xout{background:url("https://fine.gold/wp-content/uploads/2026/03/uparr.png") no-repeat transparent}div.xout:hover{opacity:.9;cursor:pointer}


/* tables */


.table{width:100%;height:auto;overflow:hidden;display:flex;}

table {flex:1;
border-collapse: collapse; 
width: 80%;border-radius:12px;
border:none;
}
th, td {flex:1;
border: 1px dotted #7c7;border-collapse: collapse;border-bottom:none;border-right:solid 5px transparent;
padding: 20px;
text-align: center;
color:#aaa;
}
tr{display:flex;border-left:solid 5px transparent;border-right:solid 5px transparent;}
th{border:none}

td.item,th.item{flex:.7;}

tr:hover {
background-color: #f2f2f2; /* Hover effect */
}

tr.head{font-weight:500}

tr.top{border-top:solid 5px #060;border-top-left-
Add custom CSS here
Tablets and down
Add custom CSS here for tablets and mobile
Mobile only
radius:4px;border-top-right-radius:4px}

tr.special,tr.top,tr.bot{border-left:solid 5px #060;border-right:solid 5px #060; background-color:#bfb;color:#030;border-collapse: collapse;}

tr.bot{border-bottom:solid 5px #060;border-bottom-left-radius:4px;border-bottom-right-radius:4px;}

tr.bot .item, tr.top .item, tr.special .item{font-weight:bold}

th{color:#333}
tr.top td, tr.special td, tr.bot td {color:#030}

td.item{border-left:none;border-bottom:none;border-right:dotted 1px #7c7}


div.goldback{background: linear-gradient(to right, #AB9A48, #5D4D11, #895C00);
border:solid #333 2px;
border-radius:4px;border-width:2px;
margin:3px;margin-left:3px;margin-right:3px;padding:0px;overflow:hidden}

div.shroud{margin:0;padding:0;width:100%;background-color:#000;min-height:500px;opacity:.5;position:absolute;z-index:5}


}