/*!/wp-content/plugins/woo-products-masonry-grid/css/layout.css*/*{box-sizing:border-box}body{font-family:sans-serif}.button{display:inline-block;padding:.5em 1em;background:#EEE;border:none;border-radius:7px;background-image:linear-gradient(to bottom,#fff0,hsl(0 0% 0% / .2));color:#222;font-family:sans-serif;font-size:16px;text-shadow:0 1px #fff;cursor:pointer}.button:hover{background-color:#8CF;text-shadow:0 1px hsl(0 0% 100% / .5);color:#222}.button:active,.button.is-checked{background-color:#28F}.button.is-checked{color:#fff;text-shadow:0 -1px hsl(0 0% 0% / .8)}.button:active{box-shadow:inset 0 1px 10px hsl(0 0% 0% / .8)}.button-group{margin-bottom:20px}.button-group:after{content:'';display:block;clear:both}.button-group .button{float:left;border-radius:0;margin-left:0;margin-right:1px}.button-group .button:first-child{border-radius:.5em 0 0 .5em}.button-group .button:last-child{border-radius:0 .5em .5em 0}.grid{border:0 solid #333;overflow-y:hidden}.grid:after{content:'';display:block;clear:both}.element-item{position:relative;float:left;width:250px;height:auto;margin:5px;padding:10px;background:#fbfbfb;color:#262524;left:0;top:2px}.element-item>*{margin:0;padding:0}.element-item .name{position:absolute;left:10px;top:60px;text-transform:none;letter-spacing:0;font-size:12px;font-weight:400}.element-item .symbol{position:absolute;left:10px;top:0;font-size:42px;font-weight:700;color:#fff}.element-item .number{position:absolute;right:8px;top:5px}.element-item .weight{position:absolute;left:10px;top:76px;font-size:12px}.element-item h1{font-size:23px;font-weight:700;margin-top:15px;text-align:center;padding:0}.element-item h1 a{color:#000;text-decoration:none;box-shadow:none}.element-item h1 a:hover{text-decoration:none;color:#505050;box-shadow:none}.element-item .woomsprce{float:left;margin-bottom:0;line-height:25px}.element-item .woomscart{font-size:12px;float:right;line-height:25px;border:solid 1px #d2d2d2;padding:2px 9px;color:#000;text-decoration:none;box-shadow:none;text-align:center}.element-item .woomscart:hover{text-decoration:none;color:#fff;background:#000;box-shadow:none}.element-item.alkali{background:red;background:hsl(0 100% 50%)}.element-item.alkaline-earth{background:#F80;background:hsl(36 100% 50%)}.element-item.lanthanoid{background:#FF0;background:hsl(72 100% 50%)}.element-item.actinoid{background:lime;background:hsl(108 100% 50%)}.element-item.transition{background:#0F8;background:hsl(144 100% 50%)}.element-item.post-transition{background:cyan;background:hsl(180 100% 50%)}.element-item.metalloid{background:#08F;background:hsl(216 100% 50%)}.element-item.diatomic{background:blue;background:hsl(252 100% 50%)}.element-item.halogen{background:#F0F;background:hsl(288 100% 50%)}.element-item.noble-gas{background:#F08;background:hsl(324 100% 50%)}@media (max-width:768px){.element-item{width:28%}.element-item h1{font-size:16px}.element-item .woomsprce{float:none;font-size:12px;margin-bottom:12px;text-align:center}.element-item .woomscart{font-size:11px;float:none;margin-top:0;display:block}}@media (max-width:480px){.element-item{width:100%}.element-item h1{font-size:23px;font-weight:700;margin-top:15px}.element-item .woomsprce{float:left;margin-bottom:0;line-height:31px;font-size:15px;text-align:center}.element-item .woomscart{font-size:12px;float:right;line-height:25px;border:solid 1px #d2d2d2;padding:2px 9px;color:#000}}