/**handles:woomasonry_css1**/
*{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,hsla(0,0%,0%,0),hsla(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 hsla(0,0%,100%,.5);color:#222}.button.is-checked,.button:active{background-color:#28f}.button.is-checked{color:#fff;text-shadow:0 -1px hsla(0,0%,0%,.8)}.button:active{box-shadow:inset 0 1px 10px hsla(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:red}.element-item.alkaline-earth{background:#f80;background:#f90}.element-item.lanthanoid{background:#ff0;background:#cbff00}.element-item.actinoid{background:#0f0;background:#32ff00}.element-item.transition{background:#0f8;background:#0f6}.element-item.post-transition{background:#0ff;background:#00feff}.element-item.metalloid{background:#08f;background:#0065ff}.element-item.diatomic{background:#00f;background:#3200ff}.element-item.halogen{background:#f0f;background:#cb00ff}.element-item.noble-gas{background:#f08;background:#ff0098}@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}}