/*
 Theme Name: InstaNANO Theme
 Author: InstaNANO
 Version: 2.0
*/

body{color:#2D2204;font-family:ubuntu;margin:0;box-sizing:border-box;background-color:#fdfbf7;background-image:radial-gradient(circle at center, #fdfbf7 0%, #f1eadd 100%),radial-gradient(circle at center,rgba(0,0,0,0) 60%,rgba(0,0,0,0.05)100%);background-attachment:fixed,fixed;background-repeat:no-repeat;background-size:cover;}
a{text-decoration:none;color:#000}
.margin{height:110px;width:100%;position:relative}
h1{font-size:26px;color:#2D2204}
h2{font-size:16px;color:#2D2204;font-weight:400}
h5{font-size:20px;color:#2D2204;font-weight:400}
input[type="text"],input[type="email"],input[type="password"]{border:none;border-radius:7px;background:#f2f2f2;box-sizing:border-box;box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.15);padding:6px 8px;border:none !important}
input[type="text"]:focus,input[type="email"]:focus,input[type="password"]:focus{outline:1px solid #1fc59f}
.btnod{white-space:nowrap;overflow:auto;margin:20px 0}
.btnid{margin:5px 0;border-radius:10px;background:#fff;padding:10px;width:fit-content;box-sizing:border-box}
.btn{background:#e3d9c5;padding:15px;color:#777;}
.btn.active{background:linear-gradient(to right, #b1a684, #b58811);color:#fff}
/* Header */
.top-menu{height:30px;position:absolute;background:linear-gradient(to right,rgba(0,0,0,0), rgba(181,136,17,0.3));width:100%;top:0;right:0}
.top-submenu{position:absolute;right:0;top:0;color:#000;font-size:15px}
#main-logo{position:fixed;top:10px;left:20px;height:85px;z-index:10}
#fullrb,#group-instanan{transition:1s}
.headermenu{display:flex;box-shadow:50px 8px 20px -12px #875e00;padding:0 20px 0 80px;font-size:19px;position:absolute;right:0px;top:0;z-index:20}
#menu-header{display:flex;margin:30px 0 0 0;float:right}
.menu-item{position:relative;font-size:19px}
.menu>li,.sub-menu>li{list-style-type:none;padding:0}
#menu-header > li > a{padding:20px 10px;display:flex;color:#2D2204;font-weight:bold}
.sub-menu{display:none;position:absolute;right:0;width:max-content;box-shadow:0px 8px 16px 0px rgba(0,0,0,0.2);font-size:17px;min-width:171px;padding-left:0}
.sub-menu > li > a{padding: 10px 20px;background:#fff;display:block;color:#333;font-size:15px;font-weight:bold}
.navbar{padding:14px}
.navbar .icon-bar{width:28px;height:4px;background:#333;margin:6px 0;display:block;transition-duration:0.5s;opacity:1}
.navbar.mactive .icon-bar.top-bar{transform:rotate(45deg) translate(38px, -32px) scale(1.5);background:#C41E3A;height:10px;position:fixed}
.navbar.mactive .icon-bar.middle-bar{opacity:0}
.navbar.mactive .icon-bar.bottom-bar{transform: rotate(-45deg) translate(42px, 28px) 
scale(1.5);background:#C41E3A;height:10px;position:fixed}
.mlgtxt{display:none}
.logged-in .mlgtxt {display: none !important;}

/* Search */
.searchf {background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='25' stroke='black' stroke-width='1' viewBox='-1 -1 24 24' fill='black' %3E%3Cpath d='M13.2 16.355l2.404-2.405 5.586 5.587-2.404 2.404zM8.5 2C12.1 2 15 4.9 15 8.5S12.1 15 8.5 15 2 12.1 2 8.5 4.9 2 8.5 2zm0-2C3.8 0 0 3.8 0 8.5S3.8 17 8.5 17 17 13.2 17 8.5 13.2 0 8.5 0zM15'%3E%3C/path%3E%3C/svg%3E") no-repeat 0px center !important;background-size: 25px auto !important;border: none;width: 0;height: 57px;padding: 0 0 0 25px !important;outline: none;cursor: default;font-size: 18px;transition: width .5s ease, padding .5s ease;color:#2D2204;margin-top: 30px;box-shadow: none !important;}
.searchf:focus{outline: none !important;width: 120px;padding-left: 30px !important;}
.searchf::placeholder {color:#2D2204;}
.cart-count>span{position:absolute;top:5px;right:5px;background:darkred;border-radius:50%;font-size:12px;width:21px;height:21px;text-align:center;line-height:22px;color:#fff}
.laureate-menu > span:nth-of-type(1){font-size:12px;position:absolute;top:14px;left:15px;font-weight:100;color:#875e00}
.laureate-menu > span:nth-of-type(2){position:relative;top:5px;}

/* Login based menu */
.logged-in  .sub-menu li:has(.loggedout){display:none !important;}
body:not(.logged-in) .sub-menu li:has(.loggedin){display:none !important;}

/* Main */
.main{max-width:1250px;margin:25px auto 0px auto;padding:10px;min-height:calc(100vh - 210px)}
.post-data{flex:0 0 49%;margin-bottom:20px;background:#fff;border-radius:10px;display:flex}
.post-f{flex:0 0 20%}
.attachment-thumbnail{width:100%;height:100%;border-radius:10px 0 0 10px}
.post-main{position:relative;padding:10px}
.post-ttl{font-weight:bold;font-size:17px}
.post-cat{position:absolute;bottom:10px}
.post-cat a{color:#666}
.home-post-ttl{display:block;color:#fff;padding:15px 0;margin:15px 0;font-size:17px}
.cat-ttl-des{color:#fff;padding:10px 0;font-size:17px}

/* Calculator */
.rwp{background:#fff;padding:20px;border-radius:10px;margin-bottom:20px}
.rwp>li{list-style-position: inside;}
.cin{float:right;width:40%;font-Size:18px;}
.cr{text-align:center;color:red;font-size:22px;width:50%}
.calc{background:#fff;padding:20px;border-radius:10px}
.calcd{background:#fff;padding:20px;border-radius:10px}
.refd{background:#fff;border-radius:10px}

.tview{display:grid;grid-template-columns:1fr 1fr;gap:15px 0;align-items:center}
.row-label{}
.row-input{position:relative}
.row-input input{font-size:16px;width:100%;padding:12px 60px 12px 12px;}
.unit{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:#555;font-size:14px;pointer-events:none}
.row-full{grid-column:span 2;font-size:18px;font-weight:600;margin:20px 0}
#r,#r1,#r2,#r3,#r4,#r5,#r6,#r7{font-size:15px;font-weight:bold;border:none}

/* Footer */
.footer{background:#fff;padding:20px;margin-top:-5px}
.colh-1{margin:-50px 0px 0px 20px}
.colh-2{text-align:center;margin-top:-15px;line-height:25px}
.colh-1,.colh-3{flex:0 0 25%}
.colh-2{flex:0 0 50%}

/* Comments */
.cmt-area{background:#fff;border-radius:10px;padding:20px}
.cmt-ttl{font-size:24px}
.avatar{border-radius:50%}
.comment{position:relative;margin:20px;padding:20px;border-radius:10px}
.comment > p{margin-bottom:0}
.cmt-area a{color:#1fc59f}
.depth-1{margin:20px 0;background:#f8f8f8}
.depth-2{margin:20px -20px 0 20px;background:#f0f0f0}
.depth-3{margin:20px -20px 0 20px;background:#e8e8e8}
.comment-author{}
.fn{text-transform:uppercase;font-size:16px;font-style:normal;font-weight:bold;position:absolute;top:23px;left:85px}
.comment-meta{position:absolute;top:45px;left:85px;font-size:14px}
.reply{position:absolute;top:25px;right:25px;font-size:14px}
.comment-meta a{color:#666}
.comment-edit-link{color:blue}
.says,.comment-notes,.comment-form-author > label,.comment-form-comment > label,.comment-form-email > label{display:none}
.comment-respond{border-radius:10px;background:#f8f8f8;padding:20px}
.comment-form-author{float:left;width:50%;padding-right:20px;box-sizing:border-box;margin:0 0 15px 0}
.comment-form-email{float:right;width:50%;box-sizing:border-box;margin:0 0 15px 0}
#comment{resize:none;height:80px}
#comment,#author,#email{font-size:16px;width:100%;box-sizing:border-box;padding:10px}
.comment-pag{margin-bottom:20px;display:flex;justify-content:space-between;font-size:20px;padding:0 20px}
.comment-awaiting-moderation{font-size:12px;position:absolute;bottom:5px;color:darkred}

/* Synthesis Post */
.synthesis{padding:0}
.step{margin-bottom:20px;display:flex;flex-wrap:wrap;}
.description,.apparatus{flex:1 0 100%;box-sizing:border-box;padding:10px 20px;display:flex;flex-direction:column;justify-content:center}
.description{}
.apparatus{text-align:center;border-radius:0 0 15px 15px;background:#fff;box-shadow:4px 4px 10px 0px rgba(0, 0, 0, 0.4);}
img.svg{height:210px;visibility:hidden}
svg.svg{height:210px}
.number{margin:0;font-weight:bold;color:darkred}
.special{color:darkred;font-size:12px;font-size:12px}
#i1checklist{position:absolute;width:26%;top:23%;left:38%}
#i2rnano{position:absolute;width:36.5%;top:11%;left:7%}
#i2ranalysis{position:absolute;width:46%;top:12%;left:48%}
#i3danger{position:absolute;width:35%;top:15%;left:33%}
#i4leaves{position:absolute;width:100%;top:26%;left:0%}
#i5stand{position:absolute;width:35%;top:10%;left:31%;z-index:1}
#i5reflux{position:absolute;width:8%;top:5%;left:44%;z-index:4}
#i5filter{position:absolute;width:12%;top:5%;left:44%;z-index:4}
#i5stirrer{position:absolute;width:38%;top:73%;left:30%;z-index:2}
#i5oilbath{position:absolute;width:27%;top:60%;left:36%;z-index:3}
#i5rb2n{position:absolute;width:18.4%;top:35%;left:41.7%;z-index:5}
#i5clip1{position:absolute;width:23%;top:19%;left:31%;z-index:6}
#i5clip2{position:absolute;width:23%;top:42%;left:31%;z-index:8}
#i5droper{position:absolute;width:11%;top:14%;left:57.5%;z-index:4}
#i5dropper{position:absolute;width:11%;top:14%;left:57.5%;z-index:4}
#i5leaf{position:absolute;width:13%;top:49%;left:43%;opacity:0.7;z-index:5}
#i5bubble{position:absolute;top:44.5%;width:14%;left:42%;z-index:6}
#i6furnace{position:absolute;width:40%;top:10%;left:29%}
#i7hydrothermal{position:absolute;width:37%;top:8%;left:32%}
#i8sonicator{position:absolute;width:36%;top:23%;left:32%}
#i8sonicatorbeaker{position:absolute;width:25%;top:6%;left:38%}
#i9centrifuge{position:absolute;width:34%;top:7%;left:33.5%}
.synthesis-steps{list-style-type:none;margin:0;padding:0}.synthesis{display:table;width:100%;margin-bottom:20px}.steps{background:#fff;display:table-cell;width:50%;vertical-align:middle;padding:20px;border-radius:15px 0 0 15px}.imgc{background:#fff;display:table-cell;width:50%;border-radius:0 15px 15px 0;box-shadow: 4px 4px 10px 0px rgba(0, 0, 0, 0.4);}.img{padding-top:50%;position:relative}.result_imgc > div{padding-top:55%}@media only screen and (max-width:500px){.synthesis{display:grid}.steps{border-radius:15px 15px 0 0;width:initial}.imgc{border-radius:0 0 15px 15px;width:initial}}

/* Post Pagination */
.post-pag{margin:20px auto;background:#fff;border-radius:10px;width:fit-content;padding:10px}
.post-pag > span{font-size:24px;padding:15px;}
.post-pag > a{font-size:24px;padding:15px;}
.page-numbers.current{background:#9DDA3E;color:#fff}

/* woocommerce */
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product{background:#fff}
.woocommerce ul.products li.product a img{border-radius:5px}
.woocommerce-loop-product__title{color:#444}
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product{padding:7.5px;background:#fff;border-radius:10px;box-sizing:border-box}
.woocommerce ul.products li.product .price{font-size:1rem}
.woocommerce ul.products li.product .button{display:none}
.onsale{margin:-22px -8px 0 0 !important}
.adverts-flexbox.adverts-categories-top{overflow-x: auto !important;flex-wrap: nowrap !important;}
@media only screen and (min-width: 600px) {.products{display:flex;flex-flow:wrap}}
.wcpa_type_checkbox{background:#fff;padding:5px !important;border-radius:5px}
.single-product div.product .summary > .price { display: none !important;}
#od_drop,#dropzone{border:1px dashed #bbb;padding:0 20px;text-align:center;cursor:pointer;color: #666;border-radius:10px;font-size:14px;display:flex;align-items:center;justify-content:center;height:100px;box-shadow:inset 2px 2px 5px #bcbcbc,inset -2px -2px 5px #ffffff;background:#fff;line-height:1.5}
#od_drop.hover,#dropzone.hover{border-color:blue;background:#fff}
.wgroup{background:#fff;padding:10px;border-radius:10px;margin-bottom:10px}
.wgroup>span,.wgroup>div>span{font-weight:bold}
.wgroup-identity{display:flex}
.wgroup-num{display:flex;gap:20px;align-items:center;}
.wgroup-num>div{flex:1}
.wgroup-num span,.wgroup-otherinfo span,.wgroup-woocheckbox span,.wgroup-wooradio span{display:block;margin-bottom:4px}
.wgroup-num input{width:100%;box-sizing:border-box;font-size:15px;}
.wgroup-woocheckbox,.wgroup-wooradio{display:flex;flex-direction:column;line-height:1.4}
.wgroup-woosinput input{float:right;font-size:15px;width:50px}


.post-ttl{font-size:16px;font-weight:100}
.prdt-ttl{margin:8% 0 20% 0;display:block}
.prdt{display:flex;flex-wrap:wrap;justify-content:flex-start;}
.prdt-data{flex:0 0 21%;margin:2.5% 1%;background:#fff;padding:1%;border-radius:10px;position:relative}
.prdt-f>a>img{border-radius:5px !important}
.prdt-price-all{position:absolute;bottom:10px}
.prdt-sale{color:#77a464;font-weight:bold;font-size:17px}
.prdt-price{color:#77a464;text-decoration:line-through}
.sales-tag{position:absolute;background:#b99f74;padding:16px 8px;border-radius:100%;font-weight:bold;color:#fff;font-size:14px;top:-22px;right:-6px}
.col-0{display:flex;justify-content:space-between;flex-wrap:wrap}
.col-1{flex:0 0 57%}
.col-2{flex:0 0 40%;padding-left:1.5%;border-left:1px solid #e6e6e6;}

/* Login Menu*/
#ajax-login-modal{display:none;position:fixed;top:93px;right:63px;z-index:10010;background:#fff;box-shadow:0 8px 24px rgba(0,0,0,0.2);padding:20px 18px;width:320px;font-size:14px}
.ajax-spinner{position:absolute;top:0;left:0;right:0;bottom:0;display:none;align-items:center;justify-content:center;background:rgba(255,255,255,0.5);z-index:10020}
.ajax-spinner .spinner{width:40px;height:40px;border:4px solid #ccc;border-top-color:#5561f1;border-radius:50%;animation:spin .8s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.ajax-form{display:none}
#ajax-login-form{display:block}
.ajax-form .form-input{width:100%;padding:9px;border:1px solid #bbb;border-radius:6px;box-sizing:border-box;margin-bottom:12px;font-size:14px}
.ajax-form .form-input.password{margin-bottom:18px}
.ajax-form .btn{width:100%;padding:9px;border:none;border-radius:5px;color:#fff;font-weight:600;cursor:pointer;font-size:14px}
.ajax-form .btn.login{background:#5561f1}
.ajax-form .btn.register{background:#28a745}
.ajax-form .btn.reset{background:#ffc107;color:#000}
.msg{color:#d32f2f;margin-top:10px}
.links{text-align:center;margin:12px 0}
.links a{color:#5561f1;text-decoration:none}
.links a:hover{text-decoration:underline}
.or-text{text-align:center;margin:12px 0;color:#aaa}
.google-login-btn{display:flex;align-items:center;justify-content:center;padding:7px;margin-top:14px;border:1px solid #ddd;border-radius:5px;background:#fff;font-weight:600;text-decoration:none;color:inherit}
.google-login-btn svg{width:20px;margin-right:8px;vertical-align:middle}

/* Rag */
:root{--a:#875e00;--b:#6b4d07;--c:#e6e6e6;--d:#6b7280;--e:#f3f4f6;--f:#0b8f6a}
#instanano-launcher{position:fixed;bottom:20px;right:20px;width:56px;height:56px;border-radius:50%;background:var(--a);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 10px 22px rgba(0,0,0,.25);z-index:99999;border:none}
#instanano-launcher:hover{background:var(--b);transform:scale(1.05)}
#instanano-launcher>svg{position:relative;top:2px;left:-2px}
#instanano-window{position:fixed;bottom:20px;right:20px;width:380px;height:450px;background:#fff;border-radius:18px;box-shadow:0 12px 32px rgba(0,0,0,.18);display:flex;flex-direction:column;overflow:hidden;transform:translateY(16px);opacity:0;pointer-events:none;transition:.22s;z-index:99999;border:1px solid rgba(0,0,0,.06)}
#instanano-window.active{transform:translate(0);opacity:1;pointer-events:auto}
#instanano-header{background:rgba(181,136,17,0.3);padding:14px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--c)}
#instanano-header-left{display:flex;align-items:center;gap:10px}
#instanano-avatar,.message-avatar{width:34px;height:34px;border-radius:50%;background:#3f3f46;display:flex;align-items:center;justify-content:center;flex-shrink:0}
#instanano-title-name{font-weight:700;font-size:14px}
#instanano-title-sub{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--d);margin-top:2px}
.instanano-online-dot{width:8px;height:8px;border-radius:50%;background:#25d366;box-shadow:0 0 0 2px rgba(37,211,102,.18)}
#instanano-actions{display:flex;gap:10px}
.instanano-action-btn{width:34px;height:34px;border-radius:10px;border:1px solid var(--c);background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#374151}
.instanano-action-btn:hover{background:#f9fafb}
#instanano-messages{flex:1;padding:14px;overflow-y:auto}
.message-row{display:flex;align-items:flex-end;gap:10px;margin:10px 0}
.message-row.user{justify-content:flex-end}
.message-bubble{max-width:78%;padding:10px 14px;border-radius:18px;font-size:14px;line-height:1.45;white-space:pre-wrap}
.message-row.bot .message-bubble{background:var(--e);border-top-left-radius:10px}
.message-row.user .message-bubble{background:var(--f);color:#fff;border-top-right-radius:10px}
.message-row.bot.typing .message-bubble{color:var(--d)}
#instanano-input{display:flex;align-items:center;gap:10px;padding:12px;border-top:1px solid var(--c)}
#chat-input{flex:1;padding:12px 14px;border-radius:999px;border:1px solid var(--c);outline:none;font-size:14px}
#send-btn{width:44px;height:44px;border-radius:50%;border:none;background:var(--a);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center}
#send-btn:hover{background:var(--b)}
#send-btn:disabled{opacity:.6;cursor:not-allowed}
.chat-link{color:#0b5ed7;font-weight:600;text-decoration:underline}
.message-row.user .chat-link{color:#fff}


/* Graph Plotter */
*{box-sizing:border-box}
input[type="color"]{width:45px !important;height:20px;padding:0;border:none}
input[type="color"]::-webkit-color-swatch-wrapper {padding:0}
input[type="color"]::-webkit-color-swatch{border:2px solid #D3D3D3}
.myTable{z-index:10}
.myTable .htCore td input[type="color"]{display:block;}
.table-wrapper{border:1px #eee solid;margin-top:10px;overflow:auto;height:calc(100vh - 250px)}
.ht_master .htCore tr:nth-child(-n+3) td {background:#f0f0f0 }
.myTable .ht_clone_left tbody tr:nth-child(-n+3) th {font-weight:bold}
.tabledropdown{position:relative;}
.tabledropdown::after {content:"▼";position:absolute;right:6px;top:0px;font-size:10px;pointer-events:none;color:#555;}
.myTableEditor.autocompleteEditor.htMacScroll.listbox{box-shadow:rgba(0,0,0,.25)0 14px 28px,rgba(0,0,0,.22)0 10px 10px}
.myTableEditor.autocompleteEditor.listbox .htCore td{background:#fff!important;transition:background .2s ease}
.myTableEditor.autocompleteEditor.listbox .htCore td:hover{background:#e0f0ff!important;cursor:pointer}
.myTableInputHolder.ht_editor_visible .myTableInput {background-color: #f0f0f0 !important;}
.container{padding:10px 0;display:flex;height:calc(100vh - 100px);overflow:hidden;}
#icon1,#icon2,#icon3,#icon4,#icon5,#icon6{display:none;}
.icon-strip{width:70px;background-color:rgba(0,0,0,0.03);border-right:1px solid #ddd;display:flex;flex-direction:column;align-items:center;padding-top:20px;}
.icon-strip label{display:flex;flex-direction:column;align-items:center;justify-content:center;width:52px;height:52px;margin-bottom:30px;cursor:pointer;color:#555;font-size:11px;text-align:center;transition:background-color 0.2s ease,color 0.2s ease,transform 0.2s ease,box-shadow 0.2s ease;border-radius:8px;}
.icon-strip label svg{width:24px;height:24px;fill:#777;transition:fill 0.2s ease;}
.icon-strip label:hover{background-color:#ececec;}
#icon1:checked ~ .icon-strip label[for="icon1"],#icon2:checked ~ .icon-strip label[for="icon2"],#icon3:checked ~ .icon-strip label[for="icon3"],#icon4:checked ~ .icon-strip label[for="icon4"],#icon5:checked ~ .icon-strip label[for="icon5"],#icon6:checked ~ .icon-strip label[for="icon6"]{background-color:#eee;color:#007acc;transform:scale(1.1);box-shadow:0 4px 10px rgba(0,0,0,0.1);border:1px solid #dbdbdb;
box-shadow:2px 2px 4px #b8b9be,-2px -2px 4px #ffffff;}
#icon1:checked ~ .icon-strip label[for="icon1"] svg,#icon2:checked ~ .icon-strip label[for="icon2"] svg,#icon3:checked ~ .icon-strip label[for="icon3"] svg,#icon4:checked ~ .icon-strip label[for="icon4"] svg,#icon5:checked ~ .icon-strip label[for="icon5"] svg,#icon6:checked ~ .icon-strip label[for="icon6"] svg{fill:#007acc;}
.sidebar-content{width:330px;background-color:#fff;border-right:1px solid #ddd;border-radius:0 5px 5px 0;overflow:scroll;position:relative}
.sidebar-content .panel{position:absolute;top:10px;bottom:10px;left:10px;right:10px;visibility:hidden;}#icon1:checked~.sidebar-content .panel1,#icon2:checked~.sidebar-content .panel2,#icon3:checked~.sidebar-content .panel3,#icon4:checked~.sidebar-content .panel4,#icon5:checked~.sidebar-content .panel5,#icon6:checked~.sidebar-content .panel6{visibility:visible;}	
.right-section{flex:1;display:flex;flex-direction:column;padding:0 10px;gap:10px;min-width:0}
.right-top,.right-bottom{overflow-x:auto;overflow-y:hidden;padding:10px;background:#fff;border-radius:4px}
.right-top-row,.right-bottom-row{display:flex;gap:15px;align-items:center;min-width:max-content}	
.right-middle{flex:1;background-color:#fff;border-radius:4px;overflow:auto;padding:12px;color:#333;}
.line{background-image:url(https://cdn.jsdelivr.net/gh/instanano/graph_static/img/line.png)}
.stacked{background-image:url(https://cdn.jsdelivr.net/gh/instanano/graph_static/img/stacked.png)}
.area{background-image:url(https://cdn.jsdelivr.net/gh/instanano/graph_static/img/area.png)}
.bar{background-image:url(https://cdn.jsdelivr.net/gh/instanano/graph_static/img/bar.png)}
.histogram{background-image:url(https://cdn.jsdelivr.net/gh/instanano/graph_static/img/histogram.png)}
.scatter{background-image:url(https://cdn.jsdelivr.net/gh/instanano/graph_static/img/scatter.png)}
.linemultiy{background-image:url(https://cdn.jsdelivr.net/gh/instanano/graph_static/img/linemultiy.png)}
.areamultiy{background-image:url(https://cdn.jsdelivr.net/gh/instanano/graph_static/img/areamultiy.png)}
.scattermultiy{background-image:url(https://cdn.jsdelivr.net/gh/instanano/graph_static/img/scattermultiy.png)}
.barerror{background-image:url(https://cdn.jsdelivr.net/gh/instanano/graph_static/img/barerror.png)}
.scattererror{background-image:url(https://cdn.jsdelivr.net/gh/instanano/graph_static/img/scattererror.png)}
.scatterline{background-image:url(https://cdn.jsdelivr.net/gh/instanano/graph_static/img/scatterline.png)}
.scatterlineerror{background-image:url(https://cdn.jsdelivr.net/gh/instanano/graph_static/img/scatterlineerror.png)}
.scatterlinemultiy{background-image:url(https://cdn.jsdelivr.net/gh/instanano/graph_static/img/scatterlinemultiy.png)}
.ternary{background-image:url(https://cdn.jsdelivr.net/gh/instanano/graph_static/img/ternarypoint.png)}
.ternaryline{background-image:url(https://cdn.jsdelivr.net/gh/instanano/graph_static/img/ternaryline.png)}
.ternaryarea{background-image:url(https://cdn.jsdelivr.net/gh/instanano/graph_static/img/ternaryarea.png)}
.gselector{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.gselector p{grid-column:span 3;font-size:12px;margin:0;font-weight:bold}
.gselector input{display:none}
.gselectorl{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;text-align:center;padding:0;background-size:contain;background-position:bottom center;background-repeat:no-repeat;height:85px;transition:filter .1s ease-in;filter:brightness(1) grayscale(1) opacity(.8);border-radius:5px;box-sizing:border-box;overflow:hidden}
.gselectorl>span{line-height:12px;height:35px;display:flex;align-items:center;padding:0 4px;font-size:12.5px;}
.gselectorl:hover{filter:brightness(1) grayscale(.3) opacity(1);background-color:#f2f2f2}
.gselector input:checked+.gselectorl{filter:none;outline:2px solid #1fc59f;outline-offset:-2px}
.slider{-webkit-appearance:none;height:10px;border-radius:5px;background:#d3d3d3;outline:none;opacity:0.7;transition:opacity .2s;width:100%;margin:7px 0}
.slider:hover{opacity:1}
.slider::-webkit-slider-thumb{appearance:none;width:20px;height:20px;border-radius:50%;background:#04AA6D;cursor:pointer}
#main-logo{position:relative}
#popup1{display:none}
#chart svg,.tick{font-family:Arial, sans-serif;width:100%;height:100%;display:block;}
#chart{width:100%;height:100%;}
svg text.tick-label{display:inline-block;}
[contenteditable]:focus {outline:none !important;border-color:#4A90E2;} 
[contenteditable="false"] {box-sizing:border-box;border:1px solid transparent;border-radius:4px;}
svg text.tick-label[contenteditable="true"]{outline-offset:1px;border-radius:1px;outline:1px solid #4A90E2;cursor:pointer;}
foreignObject>div[contenteditable="true"]{border-radius:4px;outline:1px solid #4A90E2;cursor:text;}
#smoothingslider.zero::-webkit-slider-thumb,#baselineslider.zero::-webkit-slider-thumb,#multiyaxis.zero::-webkit-slider-thumb {background: #888;}
.dashed-text-separator{display:flex;align-items:center;margin:25px 5px 15px 5px;font-size:13px}
.dashed-text-separator:before,.dashed-text-separator:after{content:"";flex:1;border-top:1px dashed #888}
.dashed-text-separator:before{margin-right:8px}
.dashed-text-separator:after{margin-left:8px}
.control label.box{box-sizing:border-box;display:inline-flex;justify-content:center;align-items:center;margin:4px;padding:4px 8px;border:2px solid #D3D3D3;border-radius:4px;font-size:12px;cursor:pointer;user-select:none;}
.control label.box:hover{background-color:#f0f0f0;}
.control input[type="radio"]{display:none;}
.control input:checked+label.box{border-color:#1fc59f;}
.ratio-4-3{width:50px;aspect-ratio:4/3;padding:0 !important}
.ratio-16-9{width:50px;aspect-ratio:16/9;padding:0 !important}
.ratio-2-1{width:50px;aspect-ratio:2/1;padding:0 !important}
.ratio-3-1{width:50px;aspect-ratio:3/1;padding:0 !important}
.ratio-4-1{width:50px;aspect-ratio:4/1;padding:0 !important}
.olbl input:focus,.olbl select:focus,.olbl button:focus,.olbl input:focus-visible,.olbl select:focus-visible,.olbl button:focus-visible{outline:none !important;box-shadow:none !important;}
.olbl{display:inline-block;vertical-align:top;font-size:12px;}
.olbl input,.olbl select,.olbl button{display:block;width:100%;font-size:14px;border:2px solid #D3D3D3;box-sizing:border-box;}
.olbl button{padding:0}
.panel3,.panel4{display:flex;flex-wrap:wrap;justify-content:space-between;align-content:flex-start;}
.panel3 .dashed-text-separator,.panel4 .dashed-text-separator{flex-basis:100%;}
.warning-badge{position:absolute;top:0;right:4px;width:15px;height:15px;background:coral;color:#fff;font:10px/14px sans-serif;text-align:center;border-radius:50%;pointer-events:none;}
label[for="icon1"]{position:relative}
.shape-btn{margin-right:8px;padding:4px 12px;font-size:12px;border:1px solid #888;border-radius:4px;background-color:#f0f0f0;color:#333;cursor:pointer}
.shape-btn:hover{background-color:#e0e0e0}
.shape-btn.active{background-color:#007acc;color:#fff;border-color:#005fa3}
.chartbtn.disabled{opacity:0.5;background:#eeeeee !important;pointer-events:none;cursor:not-allowed;box-shadow:none}
.chartbtn{display:inline-flex;align-items:center;justify-content:center;text-align:center;background:#ddd;border-radius:7px;cursor:pointer;font-size:13px;padding:10px 20px;box-shadow:#999999 1px 1px 2px 0px;border:none}
.chartbtn:hover{background:#d2d2d2}
.boldbtn{background:linear-gradient(to right,#b1a684,#b58811);font-weight:bold;color:#fff;font-size:16px}
.chartbtn:hover{background:linear-gradient(to right,#b58811,#b1a684)}
.shape-strip{flex-direction:row;width:auto;border-right:none;padding:4px;background:#ddd;border-radius:10px;}
.shape-strip label svg{width:24px;height:24px;}
.shape-strip label{border:2px solid transparent;border-radius:5px;transition:border-color .2s ease;height:fit-content;width:fit-content;margin:0;}
.shape-strip input:checked+label{border-color:#1fc59f;}
foreignObject>div{padding-right:5px;}
#chart svg foreignObject div{user-select:text!important;}
.smlbtn{height:25px;width:28px !important}
#boldBtn.active,#italicBtn.active,#supBtn.active,#subBtn.active,#zoomBtn.active{background-color:#007acc;color: #ffffff;}
#xrd-matchedData,#standard-matchedData{font-size:14px;cursor:pointer;}
.matchedrow,.areadiv{margin-bottom:15px;box-shadow:rgba(0, 0, 0, 0.24) 0px 3px 8px;padding:10px;border-radius:5px}
.paidservice{display:inline-flex;margin:4px;padding:6px 8px;font-size:12px;cursor:pointer;position:relative;z-index:1;color:#755700}
.paidservice::before{content:"";position:absolute;inset:0;border-radius:4px;padding:2px;background:linear-gradient(90deg,#BFA049,#FFCE42,#7F5B13);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;}
.paidservice:hover{background:#FFFBEA;}
#popup-prompt-overlay,#help-prompt-overlay{position:fixed;inset:0;background:rgba(0,0,0,0.7);display:none;align-items:flex-start;justify-content:center;padding-top:30vh;z-index:10000;font-size:15px}
#popup-prompt-box,#help-prompt-box{background:#fff;padding:20px;border-radius:10px;width:350px;text-align:center}
#popup-prompt-box input[type="text"]{width:100%;padding:6px 8px;font-size:14px;margin-bottom:12px}
#popup-prompt-box a.chartbtn + a.chartbtn{margin-left: 8px;}
.keyb{padding:4px 8px;background:#eee;border-radius:7px;margin:5px 0;box-shadow:inset 0px -2px 0px #dddddd;min-width:30px;display:inline-block;text-align:center;}
#help-prompt-box>p{margin:0}
#tooltip,.areacal{align-content:center;font-size:12px;}
.areacal{display:flex;align-items:center;height:32px;}
.areacal>#areaResults{max-height:32px;overflow-y:auto;padding-left:10px}
.areacal>#areaResults>div{line-height:14px}
.areacal:has(.slider-toggle input:checked) ~ #tooltip{display:none}
.areacal:has(.slider-toggle input:checked) #areaResults:empty::after{content:"Select area on graph";display:block;font-size:12px;color:#444;white-space:nowrap}
.olbl:has(input:disabled),.olbl:has(.slider-toggle input:disabled),.slider-toggle:has(input:disabled){opacity:.6}
input:disabled,input:disabled:hover{opacity:.6;pointer-events:none}
#customticks {box-shadow:none;}
#customticks.custom-active {box-shadow:inset #1fc59f 0px 0px 6px;}
.slider-toggle{--tw:40px;--th:20px;--tb:16px;--bg:#ccc;--on:#05aa6d;--fs:12px;display:inline-flex;flex-direction:column-reverse;align-items:center;gap:4px;cursor:pointer;position:relative}
.slider-toggle>input{position:absolute;opacity:0;width:0;height:0}
.slider-toggle .slider{position:relative;background:var(--bg);border-radius:999px;transition:background .25s;width:var(--tw);height:var(--th);margin:0}
.slider-toggle .slider::before{content:"";position:absolute;width:var(--tb);height:var(--tb);background:#fff;border-radius:50%;transition:transform .25s;top:2px;left:2px}
.slider-toggle input:checked+.slider{background:var(--on)}
.slider-toggle input:checked+.slider::before{transform:translate(calc(var(--tw) - var(--tb) - 4px),0)}
.slider-toggle .slider-text{width:10px;display:flex;align-items:center;justify-content:center;white-space:nowrap}
.slider-toggle:not(.vertical) .slider-text{width:auto}
.slider-toggle .slider-text .on,.slider-toggle .slider-text .off{display:none}
.slider-toggle input:not(:checked)~.slider-text .off{display:inline}
.slider-toggle input:checked~.slider-text .on{display:inline}
.slider-toggle.vertical{flex-direction:row-reverse;align-items:center}
.slider-toggle.vertical .slider{width:var(--th);height:var(--tw)}
.slider-toggle.vertical .slider::before{top:calc(100% - var(--tb) - 2px);left:2px}
.slider-toggle.vertical input:checked+.slider::before{transform:translate(0,calc(-1*(var(--tw) - var(--tb) - 4px)))}
.slider-toggle.vertical .slider-text{position:relative}
.slider-toggle.vertical .slider-text span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-90deg);white-space:nowrap}
.slider-toggle:has(input:disabled){opacity:.6;pointer-events:none}
.mobile-handoff{display:none;position:fixed;left:0;right:0;bottom:0;padding:10px;background:#fff;color:#111;font:14px system-ui;z-index:19;box-shadow:0 0 20px 20px rgba(0, 0, 0, 0.2);}
#fontfamily{width:120px}
#xrd-search-btn{--progress:0%;position:relative;overflow:hidden;z-index:1}
#xrd-search-btn::before{content:'';position:absolute;left:0;top:0;height:100%;width:var(--progress);background:#b2c49d;transition:width .3s ease,opacity .4s ease;z-index:-1;border-radius:inherit;opacity:1}
#xrd-search-btn.progress-done::before{width:100%;opacity:0}
#xrd-unlock-section.xrd-unlock-section{font-size:11px;line-height:1.45;margin-bottom:30px}
#xrd-unlock-section.xrd-unlock-section b{font-weight:700;}
#xrd-unlock-section .xrd-unlock-cta-wrap{gap:5px;margin-top:8px;}
#xrd-unlock-btn.xrd-unlock-btn{flex:1;padding:8px;text-align:center;background:#4caf50;color:#fff;width:100%}
#xrd-matchedData .xrd-row-mineral{font-size:11px;color:#555;margin-top:2px;}
#xrd-matchedData .matchedrow[data-tag]{position:relative;}
#xrd-matchedData .matchedrow[data-tag="limited"]{border-left:2px solid orange;}
#xrd-matchedData .matchedrow[data-tag="locked"]{pointer-events:none;opacity:0.82;border-left:2px solid red;}
#xrd-matchedData .matchedrow[data-tag="locked"] > div{filter:blur(1px);user-select:none;}
#xrd-matchedData .matchedrow[data-tag]::after{position:absolute;top:5px;right:6px;border-radius:10px;padding:1px 7px;font-size:10px;font-weight:600;border:1px solid transparent;pointer-events:none;}
#xrd-matchedData .matchedrow[data-tag="limited"]::after{content:"Limited";background:#eef6ff;color:#1e40af;border-color:#bfdbfe;}
#xrd-matchedData .matchedrow[data-tag="locked"]::after{content:"Locked";background:rgba(255,255,255,0.94);color:#a16207;border-color:#ddd;}
#xrd-matchedData .matchedrow:not([data-tag]){border-left:2px solid #22c55e;}
.xrd-live{position:absolute;top:6px;right:6px;width:7px;height:7px;border-radius:50%;animation:serverBlink 1.2s infinite;}
@keyframes serverBlink{0%,49.9%{background-color:#3c4f27;box-shadow:none}50%,99.9%{background-color:#7cb342;box-shadow:0 0 8px 4px rgba(124,179,66,.5)}100%{background-color:#3c4f27;box-shadow:none}}


/* Credit Plans */
.xrd-pricing-wrapper{--primary:#8B6914;--primary-dark:#6B5210;--primary-light:#C4A04A;--accent:#4A7C4E;--accent-light:#6B9E6F;--success:#4A7C4E;--warning:#D4A017;--dark:#2D2A26;--gray-50:#FAF9F7;--gray-100:#F5F3EF;--gray-200:#E8E4DC;--gray-300:#D4CFC3;--gray-400:#A39E8F;--gray-500:#736E5F;--gray-600:#4D4A42;--gray-700:#3A3833;--gray-800:#2D2A26;--gradient-primary:linear-gradient(135deg,#8B6914 0%,#C4A04A 100%);--gradient-accent:linear-gradient(135deg,#4A7C4E 0%,#6B9E6F 100%);--shadow-sm:0 1px 3px rgba(45,42,38,0.08);--shadow:0 4px 12px rgba(45,42,38,0.12);--shadow-lg:0 8px 24px rgba(45,42,38,0.16);--shadow-xl:0 16px 48px rgba(45,42,38,0.2);font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;color:var(--gray-800);line-height:1.6;max-width:1200px;margin:0 auto;padding:20px;}
.xrd-pricing-wrapper *{box-sizing:border-box;}
.xrd-pricing-wrapper input[type="radio"]{display:none;}
.pricing-tabs{display:flex;width:fit-content;margin:0 auto 48px auto;gap:6px;padding:6px;background:rgba(255,255,255,0.8);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:100px;flex-wrap:wrap;box-shadow:0 8px 32px rgba(45,42,38,0.08),0 1px 2px rgba(45,42,38,0.04);border:1px solid rgba(255,255,255,0.6);justify-content:center;top:20px;z-index:100;}
.pricing-tab{flex:initial;min-width:auto;padding:12px 24px;border:none;background:rgba(0,0,0,0.03);border-radius:100px;font-size:0.95rem;font-weight:600;color:var(--gray-600);cursor:pointer;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);display:flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap;}
.pricing-tab:hover{background:rgba(0,0,0,0.03);color:var(--gray-900);transform:translateY(-1px);}
#tab1:checked ~ .pricing-tabs label[for="tab1"],#tab2:checked ~ .pricing-tabs label[for="tab2"],#tab3:checked ~ .pricing-tabs label[for="tab3"]{background:var(--gradient-primary);color:white;box-shadow:0 4px 12px rgba(139,105,20,0.25);transform:translateY(-1px);}
.pricing-tab .icon{font-size:1.1rem;}
.tab-content{display:none;}
#tab1:checked ~ #tab-credits,#tab2:checked ~ #tab-subscriptions,#tab3:checked ~ #tab-institutional{display:block;animation:fadeIn 0.6s ease-out forwards;}
@keyframes fadeIn{0%{opacity:0;transform:translateY(10px);}20%{opacity:1;}100%{opacity:1;transform:translateX(0);}}
@keyframes weightPulse{0%,100%{font-weight: 400;}50%{font-weight:700;}}
.pulse-bold{animation:weightPulse 1.5s infinite ease-in-out;}
.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;}
.pricing-card{background:white;border-radius:20px;padding:32px 28px;box-shadow:var(--shadow);border:1px solid var(--gray-200);transition:all 0.3s ease;position:relative;display:flex;flex-direction:column;}
.pricing-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-xl);border-color:var(--gray-300);}
.pricing-card.recommended{border-color:var(--primary);background:linear-gradient(180deg,#FDF8E8 0%,white 50%);}
.pricing-card.recommended::before{content:'⭐ RECOMMENDED';position:absolute;top:-14px;left:50%;transform:translateX(-50%);background:var(--gradient-primary);color:white;padding:8px 20px;border-radius:50px;font-size:0.75rem;font-weight:700;letter-spacing:0.5px;white-space:nowrap;box-shadow:var(--shadow);}
.pricing-card.best-value{border-color:var(--accent);background:linear-gradient(180deg,#ECFDF5 0%,white 50%);}
.pricing-card.best-value::before{content:'💰 BEST VALUE';position:absolute;top:-14px;left:50%;transform:translateX(-50%);background:var(--gradient-accent);color:white;padding:8px 20px;border-radius:50px;font-size:0.75rem;font-weight:700;letter-spacing:0.5px;white-space:nowrap;box-shadow:var(--shadow);}
#tab-credits .pricing-card.recommended{background:linear-gradient(180deg,#FDF8E8 0%,white 50%);border-color:var(--primary);}
#tab-credits .pricing-card.best-value{background:linear-gradient(180deg,#ECFDF5 0%,white 50%);border-color:var(--accent)}
.card-header{text-align:center;padding-bottom:20px;border-bottom:1px solid var(--gray-200);margin-bottom:20px;}
.card-header h3{font-size:1.4rem;font-weight:700;color:var(--gray-800);margin:0 0 6px 0;}
.card-header .target{font-size:0.9rem;color:var(--gray-500);margin:0;}
.price-block{text-align:center;margin-bottom:20px;}
.price{display:flex;align-items:center;justify-content:center;gap:12px;}
.price .amount{display:inline-flex;align-items:flex-start;font-size:2.2rem;font-weight:800;color:var(--gray-800);line-height:1;}
.price .currency{font-size:1.4rem;font-weight:600;margin-top:6px;margin-right:2px;}
.discount-badge{display:inline-flex;align-items:center;background:#EDF7ED;color:#1E4620;padding:4px 10px;border-radius:6px;font-size:0.75rem;font-weight:600;letter-spacing:0.5px;text-transform:uppercase;}
.discount-badge.neutral{background:#F3F4F6;color:#4B5563;}
.per-analysis{background:var(--gray-100);border-radius:12px;padding:12px 16px;text-align:center;margin-bottom:20px;border:1px solid var(--gray-200);}
.per-analysis .value{font-size:1.2rem;font-weight:700;color:var(--gray-800);line-height:1.4;}
.per-analysis .label{font-size:0.9rem;font-weight:600;color:var(--primary);margin-top:8px;}
.validity-tag{background:var(--gray-100);border:1px dashed var(--gray-300);border-radius:10px;padding:12px;text-align:center;margin-bottom:20px;font-size:0.85rem;color:var(--gray-600);}
.validity-tag strong{color:var(--primary);}
.features-list{list-style:none;margin:0 0 24px 0;padding:0;flex-grow:1;}
.features-list li{display:flex;align-items:center;gap:10px;padding:8px 0;font-size:0.9rem;color:var(--gray-600);}
.features-list li .icon{color:var(--accent);font-weight:bold;flex-shrink:0;font-size:1rem;}
.cta-button{display:block;width:100%;padding:16px 24px;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all 0.2s ease;text-align:center;text-decoration:none;}
.cta-button.primary{background:var(--gradient-primary);color:white;box-shadow:0 4px 14px rgba(139,105,20,0.3);}
.cta-button.primary:hover{opacity:0.95;transform:scale(1.02);box-shadow:0 6px 20px rgba(139,105,20,0.4);}
.cta-button.secondary{background:white;color:var(--primary);border:2px solid var(--primary);}
.cta-button.secondary:hover{background:var(--gray-50);}
#xrd-credit-plans{position:fixed;inset:0;z-index:99999;display:flex;align-items:center;justify-content:center;padding:2vh 2vw;overflow:auto;}
#xrd-credit-plans .xrd-pricing-modal{position:relative;z-index:1;width:min(1220px,96vw);margin:auto;}
#xrd-credit-plans .xrd-pricing-backdrop{position:fixed;inset:0;background:rgba(10,16,24,.45);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);}
#xrd-credit-plans .xrd-pricing-close{position:absolute;top:-15px;right:-10px;width:40px;height:40px;border:0;border-radius:999px;background:#111;color:#fff;font-size:30px;line-height:1;cursor:pointer;z-index:10;display:flex;align-items:center;justify-content:center;}
#xrd-credit-plans .xrd-pricing-wrapper{margin:0;max-width:none;background:#fff;border-radius:16px;padding:16px;box-shadow:0 20px 60px rgba(0,0,0,.22);}
body.page-id-21865 .sidebar,body.page-id-21865 h1{display:none;}
body.page-id-21865 .margin{height:30px!important;}

/* Ads Landing Section */
.in-ads-landing{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:16px;box-sizing:border-box;overflow:auto;background:rgba(10,16,24,.45);backdrop-filter: blur(2px);-webkit-backdrop-filter: blur(2px);}
.in-ads-landing--hidden{display:none;}
.in-ads-landing__card{width:min(980px,100%);padding:15px;border:1px solid #d8e5ee;border-radius:10px;background:#ffffff;box-shadow:0 20px 40px rgba(0,0,0,0.16);}
.in-ads-landing__layout{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;}
.in-ads-landing__copy{flex:1 1 320px;min-width:280px;}
.in-ads-landing__badge{display:inline-block;padding:4px 10px;border-radius:999px;background:rgba(181,136,17,0.3);color:#0a4a6c;font-size:12px;font-weight:700;letter-spacing:0.03em;text-transform:uppercase;}
.in-ads-landing__title{margin:10px 0 6px;font-size:30px;line-height:1.2;color:#0c2d48;}
.in-ads-landing__subtitle{margin:0;color:#334e68;font-size:15px;line-height:1.5;}
.in-ads-landing__list{padding:0;list-style:none;font-size:13px;}
.in-ads-landing__list-item{margin:5px 0}
.in-ads-landing__media{flex:1 340px}
.in-ads-landing__frame{width:100%;aspect-ratio:16/9;border:1px solid #c5d9e8;border-radius:10px;background:#000000;display:block}
.in-ads-landing__image{width:100%;max-width:420px;border:1px solid #c5d9e8;border-radius:10px;display:block}



@media only screen and (min-width:600px){
.footer{display:flex}
.posts{display:flex;justify-content:space-between;flex-wrap:wrap}
.menu > li:hover > a{color: #fff;background:rgba(0, 0, 0, 0.1)}
#menu-header > li:hover .sub-menu{display:block}
.sub-menu > li a:hover{color: #fff;background:linear-gradient(to right, #b1a684, #b58811)}
#mmenu{display:none;width:100%;}
.mmenu-back{display:none}
.main-content{display:flex}
.post-content{padding:0 15px 0 0;width:100%}
.sidebar{padding:0 0 0 15px;width:100%;border-left:1px solid #e6e6e6;flex:0 0 25%;}
#menu-item-8237 > a{color:darkred;font-weight:bold}
#menu-item-7940 > a{padding:11px 10px !important}
.description,.apparatus{flex:0 0 50%}
.description{border-radius:15px 0 0 15px;}
.apparatus{border-radius:0 15px 15px 0;}
}

@media only screen and (max-width:600px){
#ajax-login-modal{top:50%;left:50%;right:auto;transform:translate(-50%,-50%);}
.colh-1,.colh-2{margin:0 0 35px 0}
.headermenu{font-size:18px;padding:0 15px 0 80px}
#main-logo{height:65px;left:10px}
.menu-header-container{position:fixed;left:-250px;width:240px;top:0;bottom:0;background:#fff;padding:0px;overflow-y:scroll;overflow-x:hidden;transition-duration:0.5s;z-index:10000}
.sub-menu{display:contents;box-shadow:none}
#menu-header{width:240px;flex-direction:column;margin:0 !important;padding:0}
#menu-header > li > a{color:#fff;background:linear-gradient(to right, #b1a684, #b58811)}
.slidem{left:0px !important;transition-duration:0.5s}
.synthesis{display:grid}
.steps{border-radius:15px 15px 0 0;width:initial;}
.imgc{border-radius:0 0 15px 15px;width:initial}
.featured-img{padding-top: 40%;}
.featured-social{top:20vw}
.post-ttl{font-size:15px}
.menu-item-7940,.menu-item-7975{order:-2}
.menu-item-8237{order:-1}
.post-cat,.top-menu{display:none}
.col-0{display:block}
.prdt-data{flex:0 0 44% !important;padding:2%}
.col-2{border-left:none;padding-left:0}
.searchf{margin-top:0}
.mmenu-back{display:block;position:fixed;background:rgba(0,0,0,0.5);top:0;bottom:0;right:0}
.mlgtxt{display:block;margin:10px}
#instanano-window{right:12px;left:12px;width:auto;bottom:84px}
#instanano-launcher{right:16px;bottom:16px}
	

.mobile-handoff{display:block}
.sidebar-content{display:none;}
#icon1:checked ~ .sidebar-content, #icon2:checked ~ .sidebar-content, #icon3:checked ~ .sidebar-content, #icon4:checked ~ .sidebar-content, #icon5:checked ~ .sidebar-content, #icon6:checked ~ .sidebar-content{display:block;}
}