/*
Theme Name: SC 2022/24/25
Author: SIMPLYGRAPHIX
Author URI: https://www.schemecolor.com/
Description: Theme developed by Keshav Naidu.
Version: 3.1
Tags: Clean, Simple, White, Blue, Open
Text Domain: www.schemecolor.com
*/

*{-moz-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0;text-decoration-line:none;font-family:'Poppins',sans-serif,Arial,Verdana}::selection{color:#fff;background:#2C4CD1}html{scroll-behavior:smooth}body{font-size:14px;color:#444;line-height:140%;font-weight:400}p{line-height:170%;font-size:14px;font-weight:300;margin:0 0 30px;padding:0;font-weight:normal}a{color:#000;text-decoration:none}a: hover;{color:#888;text-decoration:none}p a{text-decoration:underline;color:#000}p a:hover{text-decoration:underline;color:#2C4CD1}h1,h2,h3,h4,h5,h6{color:#000;margin:0 0 10px;padding:0;font-weight:700;line-height:155%}h1{font-size:40px;line-height:120%}h2{font-size:21px}h3{font-size:21px}h4{font-size:16px}h5{font-size:15px}hr{background:none;border:none;border-bottom:1px solid #ddd}.section{padding:0}.centered{max-width:1200px;margin:0 auto}.centered-m{max-width:1000px;margin:0 auto}.centered-s{max-width:800px;margin:0 auto}.gray-bg{background-color:#f5f5f5}.white-color{color:#fff}.s15{font-size:13px}.s13{font-size:13px}.s12{font-size:12px}.full{width:100%}.opc5{opacity:.5}.space-top-l{padding-top:40px}.space-bottom-l{padding-bottom:40px}.space-top-m{padding-top:20px}.space-bottom-m{padding-bottom:20px}.space-top-s{padding-top:15px}.space-bottom-s{padding-bottom:15px}.align-center{text-align:center}.border-bottom{border-bottom:1px solid #ddd}.loader{background-image:url(../svg/loading.svg);background-repeat:no-repeat;background-position:center center}.nomargin-b{margin-bottom:0!important}.grid{display:grid;grid-template-columns:auto 90px;grid-gap:5px;line-height:100%}.auto1{grid-template-columns:1fr}.auto2{grid-template-columns:1fr 1fr}.auto3{grid-template-columns:1fr 1fr 1fr}.auto4{grid-template-columns:1fr 1fr 1fr 1fr}.auto5{grid-template-columns:1fr 1fr 1fr 1fr 1fr}.gap5{grid-gap:5px}.gap10{grid-gap:10px}.gap20{grid-gap:20px}.dd-parent{display:inline-block;position:relative}.dd-box{visibility:hidden;top:30px;opacity:0;transform:scale(0.90)}.dd-open .dd-box{visibility:visible;top:50px;opacity:1;transform:scale(1,1)}.sc-icon{display:inline-block;width:24px;height:24px;overflow:hidden;vertical-align:middle}.icon{font-size:0;display:inline-block;width:18px;height:18px;background-image:url(../svg/icons.svg);background-repeat:no-repeat;line-height:28px}.adjust{margin-bottom:-4px}.magnifying{background-position:1px -22px}.darrow{background-position:-22px -20px;width:13px}.uarrow{background-position:-23px -44px;width:13px}.rarrow{background-position:-23px -64px;width:13px}.larrow{background-position:-23px -86px;width:13px}.share{background-position:1px -87px}.fbk{background-position:4px -113px}.twr{background-position:1px -140px}.pin{background-position:2px -166px}.ins{background-position:1px -192px}.eml{background-position:1px -220px}.wtp{background-position:1px -247px}.back{background-position:-22px -272px}.download{background-position:2px -292px}.send{background-position:-18px -292px}.fbk-white{background-position:-16px -113px}.twr-white{background-position:-19px -140px}.pin-white{background-position:-18px -166px}.ins-white{background-position:-19px -192px}.love{background-position:1px -316px}.loved{background-position:-18px -316px}.move2{background-position:-21px -369px}.reset{background-position:-22px -368px}.ok{background-position:0 -454px}.ok2{background-position:-19px -454px}.info{background-position:1px -481px}.full{background-position:-20px -482px}.lock{background-position:1px -511px}.plus{background-position:1px -541px}.plus2{background-position:-19px -541px}.close{background-position:2px -342px}.move{background-position:2px -369px}.dropper{background-position:2px -396px}.copy{background-position:1px -423px}.copy-white{background-position:-30px -423px}.ok{background-position:1px -455px}.swap{background-position:2px -565px}.img-blue{background-position:2px -589px}.edit{background-position:2px -613px}.icons-black .close{background-position:10px -334px}.icons-black .move{background-position:10px -361px}.icons-black .dropper{background-position:10px -388px!important}.icons-black .copy{background-position:10px -415px}.icons-black .ok{background-position:10px -446px}.icons-white .close{background-position:-21px -334px}.icons-white .move{background-position:-21px -361px}.icons-white .dropper{background-position:-21px -388px!important}.icons-white .copy{background-position:-21px -415px}.icons-white .ok{background-position:-21px -446px}.input-style,.button-style,.select-style,.sc-favorite-btn a{display:inline-block;font-size:13px;appearance:none;-webkit-appearance:none;outline:none;height:40px;line-height:39px;font-size:13px;background-color:transparent;border:1px solid #ddd;border-radius:11px;padding:0 12px;transition:all .2s}textarea.input-style{line-height:120%;padding:12px}.input-style:hover,.select-style:hover{border-color:#ccc}.input-style:focus,.select-style:focus{border-color:#aaa}.button-style{text-align:center;color:#000;overflow:hidden}.button-style:hover,.sc-favorite-btn a:hover{border-color:#ccc;background-color:#f5f5f5;transition:all 0}.button-style:active,.button-style:focus,.sc-favorite-btn a:active{transform:scale(0.98);background-color:#eee}.button-style2{color:#fff;border-color:#2C4CD1;background-color:#2C4CD1}.button-style2:hover{background-color:#2C4CD1;border-color:#2C4CD1}.button-style2:active,.button-style2:focus{background-color:#133999;border-color:#133999}.select-style{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18.406' height='8' xml:space='preserve'%3E%3Cpath fill='%23CCCCCC' d='m8.293 1.656-3.71 3.71-3.707-3.71H.874L0 2.531l3.709 3.708-.001.002.875.874v-.002l.001.002.875-.874-.001-.002 3.708-3.708z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center right}.button-style3,.button-style3:hover,.sc-favorite-btn a:hover{border-color:transparent}.range-style{appearance:none;-webkit-appearance:none;width:100%;height:10px;border-radius:3px;background:#ddd;border:none;outline:none;opacity:.7;-webkit-transition:.2s;transition:opacity .2s}.range-style:hover,.range-style:focus{opacity:1}.range-style::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:32px;border-radius:6px;background:#fff;border:1px solid #ccc;cursor:pointer}.picker-style{width:27px;height:27px;border:none;padding:0;border-radius:8px;cursor:pointer;-webkit-appearance:none;appearance:none;border:1px solid rgba(0,0,0,0.070)}.picker-style::-webkit-color-swatch-wrapper{padding:0}.picker-style::-webkit-color-swatch{border:none;border-radius:7px}.sc-picker-and-input{position:relative}.sc-picker-and-input .picker-style{position:absolute;top:6px;left:6px}.sc-picker-and-input .input-style{padding-left:36px}header{display:block;background-color:#fff;border-bottom:1px solid #ddd;height:60px;padding:9px 20px;position:sticky;top:0;z-index:200}.header-in{display:grid;grid-template-columns:auto 1fr auto auto;grid-gap:10px}.logo{display:inline-block;padding-right:20px}.logo a{display:inline-block;line-height:20px;padding-top:10px;padding-bottom:10px}.logo a span{color:#000;font-size:20px;text-transform:lowercase}.logo img{display:inline-block;width:auto;height:20px;margin-bottom:-3px}.custom-search-form{display:grid;grid-template-columns:100px 1fr;grid-gap:4px;border:1px solid #ddd;border-radius:11px;height:40px}.custom-search-form:hover,.custom-search-form:focus,.custom-search-form:active{border-color:#ccc}.custom-search-form .select-style,.custom-search-form .input-style{border:none;width:100%;height:38px}.custom-search-form .has-picker{padding-left:40px!important;text-transform:uppercase}.custom-search-form .select-style{border-right:1px solid #eee;border-radius:0}.custom-search-input{position:relative}.custom-search-button{display:inline-block;text-align:center;position:absolute;top:3px;right:4px;background-color:#fff;border:none;display:inline-block;width:32px;height:32px;line-height:24px;border-radius:50%}.custom-search-button .sc-icon{font-size:22px}.custom-search-button:hover{background-color:#eee}.custom-search-button:active{background-color:#ddd;transform:scale(0.96)}.custom-search-input .custom-search-picker{position:absolute;top:6px;left:5px;width:26px;height:26px;border:none;padding:0;border-radius:8px;cursor:pointer;-webkit-appearance:none;appearance:none;border:1px solid rgba(0,0,0,0.070)}.custom-search-picker::-webkit-color-swatch-wrapper{padding:0}.custom-search-picker::-webkit-color-swatch{border:none;border-radius:7px}.page-search{max-width:480px;margin:0 auto;margin-top:10px;margin-bottom:10px}nav{text-align:right}nav ul{list-style:none}nav ul li{display:inline-block;margin:0;padding:0}nav ul .toplevel{display:inline-block}nav ul .toplevel > a,.sc-listing ul li a{font-size:14px;display:inline-block;line-height:40px;padding:0 10px;height:40px;line-height:38px;border-radius:8px;border:1px solid transparent}nav ul .toplevel a:hover,nav ul .toplevel a:focus,.sc-listing ul li a:hover,.sc-listing ul li a:focus,nav ul .toplevel .current{border-color:#eee}nav ul .toplevel a:active,.sc-listing ul li a:active{background-color:#eee}nav ul .toplevel .button-style{padding:0 16px}.user{padding:2px;position:relative;border-radius:50%;border:1px solid transparent;cursor:pointer}.user:after{content:'';position:absolute;width:10px;height:10px;top:15px;right:-10px;background-image:url(../svg/icons.svg);background-repeat:no-repeat;background-position:-25px -23px}.user img{display:block;width:34px;height:34px;border-radius:50%;border:1px solid #ddd}.dd-style{width:200px;position:absolute;padding:0;padding-bottom:5px;z-index:20;background-color:#fff;transition:all .06s ease-in-out;border:1px solid #eee;border-radius:9px;box-shadow:2px 3px 22px 1px rgba(0,0,0,0.08);text-align:left}.dd-style hr{border-color:#eee}.dd-style h4{padding:0}.right0{right:0}.dd-padder{padding:5px 10px}.ar-r:before,.ar-l:before{content:'';display:block;width:10px;height:10px;position:absolute;right:10px;top:-10px;background-image:url(../svg/icons.svg);background-repeat:no-repeat;background-position:-25px 0}.ar-l:before{right:inherit;left:10px;top:-10px}.dd-open .dd-trigger{border-color:#eee}.dd-open .user,.dd-open .explore{border-color:#eee}.user-logg h5{color:#333;font-size:14px;padding:16px 20px;border-bottom:1px solid #eee}.user-logg a{font-size:12px;display:block;padding:6px 10px;transition:all .2s;border:1px solid transparent;border-radius:7px}.user-logg a:hover{border-color:#eee}.user-logg a:active,.user-logg a:focus{background-color:#eee}.explore-menu h5{color:#333;font-size:14px;padding:5px 6px;padding-bottom:0;margin:0}.choose-colors{display:grid;grid-template-columns:repeat(6,1fr);grid-gap:8px;padding:6px;padding-top:10px}.choose-colors a{border-radius:50%;margin:0;padding:0;transition:all .1s}.choose-colors a img{display:block;width:100%;height:auto}.choose-colors a:hover{transform:scale(1.2)}.choose-colors a:active,.choose-colors a:focus{transform:scale(0.9)}.collections{padding:8px;display:grid;grid-template-columns:1fr 1fr;grid-gap:5px}.collections a{font-size:12px;display:block;padding:2px 6px;border:1px solid transparent;border-radius:5px;overflow:hidden}.collections a:hover{border-color:#eee}.collections a:active,.collections a:focus{background-color:#eee}.main{width:100%;padding:80px 0}.main-cols{display:grid;grid-template-columns:1fr auto;grid-gap:20px}.main-col1{display:table;height:100%}.main-col2{text-align:right}.main-col2 img{display:block;width:100%;max-width:380px;border-radius:9px}.main-titles{display:table-cell;vertical-align:middle}.main-titles p{width:80%}.main h1,.bigheading{font-size:56px;margin-bottom:0}.main h1 span{display:block}.h1small{font-size:14px;line-height:120%}.h1medium{font-size:24px;line-height:130%;color:#666}.main p{margin-bottom:20px;margin-top:16px}.main .button-style.largebtn{height:50px;line-height:48px;font-size:14px;padding:0 30px}.main-search{position:relative;max-width:400px;margin:0 auto;margin-top:10px;margin-bottom:10px}.main-search .input-style{width:100%;box-shadow:1px 2px 32px 1px rgba(0,0,0,0.090);padding-right:40px}.main-search button{position:absolute;top:0;right:2px;display:inline-block;width:36px;height:50px;line-height:50px;border:none;background:none;background-color:transparent;opacity:.4;transform:scale(0.9);transition:all .2s}.main-search .input-style:focus ~ button{opacity:1;transform:scale(1)}.main-search .select-style{width:90px;height:48px;position:absolute;top:1px;left:0;border:none;border-radius:0;border-right:1px solid #ddd;background-color:transparent}.main-search-info{display:block;font-size:11px;margin:0!important;padding:0}.featured{display:grid;grid-template-columns:repeat(6,1fr);grid-gap:20px}.featured-box{border:1px solid #ddd;border-radius:14px;padding:20px;text-align:center;transition:all .2s}.featured-icon{color:#fff;display:inline-block;font-size:26px;width:40px;height:40px;line-height:40px;background-color:#2C4CD1;border-radius:50%;margin-bottom:12px;transition:all .3s}.featured-box h2{font-size:14px;margin:0;margin-bottom:6px}.featured-box p{font-size:12px;color:#888;margin:0}.featured-box:hover .featured-icon{transform:scale(1.2)}.sc-listing{position:relative;border:1px solid #eee;border-radius:12px;overflow:hidden;margin-bottom:10px}.sc-listing .moving-list-btn{position:absolute;width:30px;height:100%;border:none;display:inline-block;cursor:pointer}.sc-listing .moving-list-btn .sc-icon{font-size:18px;line-height:25px;border-radius:3px;transform:scale(1.4);opacity:.6}.btl{left:0;background:linear-gradient(270deg,rgba(255,255,255,0) 0%,rgba(255,255,255,1) 30%)}.btl .icon{margin-left:-19px}.btr{left:inherit;right:0;background:linear-gradient(270deg,rgba(255,255,255,1) 70%,rgba(255,255,255,0) 100%)}.btr .icon{display:inline-block;margin-right:-12px}.sc-listing .moving-list-btn:hover .sc-icon{opacity:1}.sc-listing ul{list-style:none;display:block;margin:0;padding:10px 20px;white-space:nowrap;scroll-behavior:smooth;overflow-x:scroll;width:100%;text-align:center}.sc-listing ul::-webkit-scrollbar{display:none}.sc-listing ul li{display:inline}.sc-listing ul li a{display:inline-block;font-size:12px;height:36px;line-height:35px}.color-palettes-list,.gradients-list,.image-palette-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:40px}.color-list,.tool-list{grid-template-columns:repeat(4,1fr)}.list-title{display:grid;grid-template-columns:1fr 30px;grid-gap:5px}.color-palettes-list li{margin:0;padding:0;position:relative}.color-palettes-list li .palette{display:flex;height:80px;border-bottom:1px solid rgba(0,0,0,0.050)}.color-palettes-list li a span{position:relative;flex:1;font-size:0;display:inline-block;height:100%;transition:all .1s}.hexs{position:absolute;width:100%;display:flex;top:0;left:0;z-index:10;top:0;overflow:hidden;height:25px;top:56px;visibility:hidden;background:linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%);transition:all .3s;opacity:0}.hexs code{flex:1;font-size:12px;text-transform:uppercase;color:#fff;font-weight:400;text-align:center}.hexs code:hover{background:linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%);cursor:default}.color-palettes-list li:hover .hexs{visibility:visible;opacity:1;top:54px}.color-palettes-list li h2,.gradients-list li h2,.image-palette-list li h2,.blog-list li h2,.tool-list li h2{font-size:13px;font-weight:400;margin:0;padding:5px 10px!important}.color-palettes-list .copied{text-transform:capitalize;color:rgba(255,255,255,1);background:linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(0,0,0,0.6) 100%)!important}.blog-list li h2{font-size:15px;display:block;font-weight:700;padding:18px 20px!important}.color-palettes-list li,.gradients-list li,.blog-list li,.tool-list li{margin:0;padding:0;border-radius:9px;overflow:hidden;border:1px solid rgba(0,0,0,0.060)}.color-palettes-list li:hover,.gradients-list li:hover,.blog-list li:hover,.color-list li:hover,.tool-list li:hover{border:1px solid rgba(0,0,0,0.12)}.color-palettes-list li:active,.gradients-list li:active,.gradients-list li:focus,.blog-list li:active,.blog-list li:focus,.tool-list li:focus{border:1px solid rgba(0,0,0,0.20)}.converter-box{border:1px solid #eee;border-radius:10px;padding:20px;background-color:#f5f5f5}.converter-form{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr;grid-gap:20px;padding-bottom:30px}.converter-form li{position:relative}.converter-form label{color:#888;font-size:12px;display:block;text-align:left;padding-left:5px}.converter-form h2{margin-bottom:5px}.converter-form .input-style{display:block;width:100%;background-color:#fff}.converter-input-box{position:relative;display:grid;grid-template-columns:1fr 100px;grid-gap:10px}.c_pik{font-size:0;position:absolute;display:inline-block;width:24px;height:24px;border-radius:5px;top:8px;left:8px;border:1px solid rgba(0,0,0,0.2)}.converter-input-box input{padding-left:44px}.converter-form .copyBtn{position:absolute;bottom:4px;right:5px;display:inline-block;width:34px;height:34px;text-align:center;line-height:42px;opacity:.7}.colorpreview-box{font-size:0;display:none;border-radius:10px;padding:40px;text-align:center}.progress-bar{width:100%;height:10px;background-color:#fff;border:1px solid #eee;border-radius:5px;margin-bottom:10px}.progress{height:100%;border-radius:5px;background-color:#007bff}.gradient-box{display:block;width:100%;height:120px}.image-palette-list{grid-template-columns:repeat(4,1fr)}.image-palette-list li img,.blog-list li img{display:block;width:100%;height:auto}.image-box{display:block;overflow:hidden;border-radius:8px;margin-bottom:8px}.image-palette{display:flex;height:60px;margin-top:-40px}.image-palette span{flex:1;display:block;height:100%}.blog-list{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:40px}.tool-list{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:40px}.tool-list li{text-align:center;padding:20px;transition:all .3s}.tool-list li h2{font-size:16px}.tool-list li img{display:block;max-width:60px;height:auto;margin:0 auto;margin-bottom:10px;padding:14px;background-color:#cecfff;border-radius:12px}.tool-list li:hover{border-color:#ddd}.tool-list li:nth-child(2) img{background-color:#c7f5bf}.tool-list li:nth-child(3) img{background-color:#ffa9ee}.tool-list li:nth-child(4) img{background-color:#ffdf83}.main-palette,.random-palette{height:400px;list-style:none;margin:0;padding:0;display:flex;overflow:hidden;border-bottom:1px solid rgba(0,0,0,0.030)}.main-palette li,.random-palette li{flex:1;display:block;margin:0;padding:0;text-align:center}.main-image-box{min-height:400px;background-color:#f0f0f0;text-align:center;padding-left:30px;padding-right:30px}.main-image-color-palette img{display:block;width:100%;height:auto}.main-image-color-palette{max-width:600px;margin:0 auto;overflow:hidden;border-radius:10px}.main-image-color-palette ul{list-style:none;margin:0;padding:0;display:flex;height:80px}.main-image-color-palette ul li{flex:1;height:100%;text-align:center}.main-image-color-palette ul li code{display:block;font-size:12px;margin-top:30px;visibility:hidden;opacity:0;transform:scale(0.96);transition:all .3s}.main-image-color-palette ul li:hover code{transform:scale(1);visibility:visible;opacity:1}.mp-settings{display:grid;grid-template-columns:1fr;height:100%;grid-gap:40px;padding:40px 0 10px}.mps-btn{display:block;width:34px;height:34px;margin:0 auto;padding:0;border:none;background-color:transparent;border-radius:50%;line-height:42px;visibility:hidden;opacity:0;transition:transform 0.2s,opacity .2s;transform:scale(0.7);cursor:pointer;text-align:center}.mps-picker{font-size:0;padding:0!important;background-image:url(../svg/icons.svg)!important;background-repeat:no-repeat!important}.handle{cursor:grab}.handle:active{cursor:grabbing}.mp-settings .code{font-weight:700;display:inline-block;max-width:90px;text-align:center;opacity:.3;font-size:15px;letter-spacing:1px;font-family:Arial,Verdana;transition:all .3s;background:transparent!important;border:none;outline:none}.mp-settings .code:focus{opacity:1}.main-palette li:hover .mps-btn{visibility:visible;opacity:.5;transform:scale(1.0)}.main-palette li:hover code{opacity:1;letter-spacing:2px}.create-palette li .mps-btn{visibility:visible;opacity:.5;transform:scale(1.0)}.main-palette li .mps-btn:hover,.create-palette li .mps-btn:hover{opacity:1;transition:none}.main-palette li .mps-btn:active,.create-palette li .mps-btn:active{opacity:1;transform:scale(0.9)}.main-create-gradient{display:grid;grid-template-columns:1fr 200px;grid-gap:0;height:calc(100vh - 80px)}.main-create-gradient #gradient-preview{font-size:0}.main-create-gradient #gradient-controls{padding:20px}.control-group-wrapper{display:grid;grid-template-columns:1fr;grid-gap:20px}.main-create-gradient .input-style,.main-create-gradient .select-style{width:100%}.main-create-gradient label{color:#888;font-size:12px}.control-group-buttons{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:5px}.main-gradient{display:block;min-height:400px;border-bottom:1px solid #eee;position:relative}.bg-checks{background-image:url(../svg/bg-checks.svg)}.random-palette{border-radius:14px;overflow:hidden;border:1px solid #eee;background-color:#000}.random-palette li{position:relative}.random-palette li code{opacity:0;color:#fff;font-size:12px;letter-spacing:1px;display:inline-block;position:absolute;bottom:20px;left:calc(50% - 30px);background-color:rgba(0,0,0,0.1);padding:2px 10px;border-radius:6px;transition:all .2s;transform:scale(0.8)}.random-palette li:hover code{opacity:1;transform:scale(1)}.full-trigger{display:inline-block;position:absolute;top:20px;right:20px;width:34px;height:34px;background-color:#ffc0cb;line-height:43px;border-radius:8px;background-color:rgba(0,0,0,0.1);border:none;visibility:hidden;opacity:0;transition:all .2s;transform:scale(0.8)}.main-gradient:hover .full-trigger{visibility:visible!important;opacity:1;transform:scale(1)}.bar{border-bottom:1px solid #eee}.bar-settings{display:grid;grid-template-columns:auto 1fr auto;grid-gap:10px;padding-top:9px;padding-bottom:9px}.options{padding:14px;display:grid;grid-template-columns:1fr;grid-gap:6px;text-align:left}.options a,.options button{display:block;font-size:12px;overflow:hidden;border-color:#eee;text-align:center;width:100%}.bar-settings .bcn{margin-top:10px}.create-palette{min-height:calc(100vh - 126px)}.create-bar{height:60px;background-color:#fff;padding:10px}.create-bar .button-style{width:100px}.picker_input{position:relative}.picker_input .input-style{display:block;width:100%;padding-left:40px;text-align:left}.picker_input .pik{font-size:0;position:absolute;display:inline-block;top:9px;left:9px;border:none;width:22px!important;height:22px!important;border-radius:5px;padding:0!important}.limore{box-shadow:none!important}.limore a{display:block;background-color:#fff;text-align:center;font-size:14px;height:auto;border-radius:9px;border:1px solid #ddd;padding:14px}.like-downloads{display:grid;grid-template-columns:auto auto auto 1fr;grid-gap:10px}.bcn{display:block;font-size:10px;color:#555;text-transform:uppercase;padding-bottom:0;letter-spacing:1px;list-style:none}.bcn li{list-style-type:none;display:inline}.bcn li:after{content:' / ';margin-left:5px;margin-right:5px}.bcn li:last-child:after{content:''}.bcn a{color:#2C4CD1}.bcn a:hover{color:#000}.cols{display:grid;grid-template-columns:1fr 33%;grid-gap:40px}.cols h1{color:#000;font-size:24px;margin-bottom:12px}.cols2{width:200px;display:block}.color-info,.color-codes{font-size:12px;border-collapse:collapse;width:100%;margin-top:8px;margin-bottom:30px;text-align:left}.color-info td,.color-info th,.color-codes td{border-bottom:1px solid #f0f0f0;padding:12px 20px}.color-info th{background-color:#f9f9f9;font-weight:700}.shades-cell{width:auto}.color-info svg{max-width:90px;height:auto;display:block;border-radius:12px;cursor:pointer;border:1px solid rgba(0,0,0,0.1)}.color-info ul{list-style:none;margin:0;padding:0;column-count:2}.color-info ul li{font-size:13px;line-height:190%}.color-codes td{border-top:1px solid #f0f0f0}.related .color-palettes-list,.related .gradients-list{grid-template-columns:1fr}.related .image-palette-list,.related .color-list{grid-template-columns:1fr 1fr}.related .image-palette{height:50px}.commenting{background-color:#f5f5f5}.commented{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr;grid-gap:40px}.commented li{margin:0;padding:0;display:grid;grid-template-columns:auto 1fr;grid-gap:20px;font-size:12px}.commented li p{font-size:13px;margin:0;padding:0}.commented li img{display:block;width:60px;height:60px;border-radius:6px;border:1px solid rgba(0,0,0,0.1)}.comment-info{display:grid;grid-template-columns:1fr 1fr;grid-gap:20px;padding-bottom:6px}.cname{font-size:14px;font-weight:700}.cdate{text-align:right;font-size:10px}.add-comment textarea{width:100%;min-height:90px}.add-comment .input-style{background-color:#fbfbf9}.add-comment input,.add-comment button{width:100%}.awaiting{display:block;padding:2px 5px;color:#000;background-color:#ffd775;border-radius:5px;margin-bottom:6px}.pagination{text-align:center}.pagination a,.pagination .current{font-size:14px;font-weight:600;color:#000;display:inline-block;width:50px;height:50px;line-height:48px;text-align:center;border:1px solid #ddd;margin:0 4px;border-radius:10px}.pagination a:hover{background-color:#2C4CD1;color:#fff}.pagination a:active{transform:scale(0.90);background-color:#000;border-color:#000}.pagination .current{border-color:#1B1B8C;background:#2C4CD1;color:#fff}.auto-palette-img{position:relative;overflow:hidden;border-radius:12px;border:1px solid rgba(0,0,0,0.060)}.auto-palette-img img{display:block;width:100%;height:auto}.auto-palette-img figcaption{position:absolute;bottom:0;width:100%;padding:14px 0;display:block;background-color:#fff;text-align:center}footer{min-height:200px;background-color:#fff}footer .centered{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:20px}footer .logo{margin-bottom:12px}footer ul{margin:0;padding:0;list-style:none}footer ul li h5{padding-bottom:0;margin-bottom:0}footer ul li{padding-top:10px;padding-bottom:10px}footer ul li a{font-size:13px}footer ul li a:hover{color:#2C4CD1}.footer-socials a{display:inline-block;width:40px;height:40px;text-align:center;line-height:37px;border:1px solid #ddd;border-radius:8px}.footer-socials a:hover,.footer-socials a:active{border-color:#aaa}.login-cols{background-color:#2e3192;background-image:url(../svg/login-stacked-waves.svg);background-size:100% auto;background-repeat:no-repeat;background-position:bottom left;min-height:100vh;display:grid;grid-template-columns:1fr 1fr;grid-gap:0}.login-col1{padding:40px}.login-col2{background-color:#fff;border-top-left-radius:30px;border-bottom-left-radius:30px;padding:40px;display:table;height:100%}.login-box{display:table-cell;vertical-align:middle}.login-header{display:grid;grid-template-columns:auto 1fr auto;grid-gap:20px}.login-header .back{transform:scale(2)}.login-header img{display:block;width:100%;height:auto}.login-logo{font-size:0;width:200px;height:30px;display:grid;background:url(../svg/sc-login-logo.svg) no-repeat top left}.login-box p{margin-bottom:0;font-size:11px}.login-form{max-width:320px;margin:0 auto;display:grid;grid-template-columns:1fr;grid-gap:30px}.login-box .input-style,.login-box .button-style{width:100%;display:block;height:50px;line-height:50px}.login-error{font-size:10px;display:block;width:100%;color:#c02b2b;background-color:#ffded1;padding:5px 20px;border-radius:8px}.login-error i{display:block;width:100%;font-style:normal}.successful-message{text-align:center;padding:20px;border:1px solid #eee;border-radius:10px}.success-svg{display:inline-block;width:60px;height:60px;background:url(../svg/success.svg) no-repeat top left;background-size:100% auto}.successful-redirecting{text-align:center;font-size:13px}.successful-redirecting img{display:inline-block;width:14px;height:auto;margin-bottom:-3px}.tt-parent{position:relative;display:inline}.tt-pop{position:absolute;white-space:nowrap;letter-spacing:.6px;color:#fff;top:-32px;left:0;width:auto;height:20px;padding:1px 10px;border-radius:5px;line-height:20px;font-size:10px;background-color:rgba(0,0,0,0.6);visibility:hidden;opacity:0;transform:scale(0.8);transition:all .1s}.tt-parent:hover .tt-pop{visibility:visible;opacity:1;transform:scale(1)}.tt-pop:after{content:'';position:absolute;display:inline-block;width:5px;height:4px;top:20px;left:5px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='5' height='4' xml:space='preserve'%3E%3Cpath d='M2.5 4 0 0h5z'/%3E%3C/svg%3E");opacity:.6}.what-color{display:grid;grid-template-columns:100px 1fr;grid-gap:10px;margin:10px 0}#content ul,#content ol{margin:0 0 30px 30px;line-height:170%}#content ul li,#content ol li{margin-top:10px}#content ul li:first-child,#content ol li:first-child{margin-top:0}#content table,.table-style{font-size:12px;border-collapse:collapse;width:100%;margin-bottom:30px;text-align:left}#content table td,#content table th,#content table,.table-style td,.table-style th{border:1px solid #eee;padding:12px 20px}#content table th,.table-style th{background-color:#f9f9f9;font-weight:700}.wp-block-image{margin-bottom:30px}.wp-block-image figcaption{font-size:10px;padding:0 5px}.wp-block-image figcaption a{color:#999}.wp-block-image img,.size-full{width:100%;height:auto;display:block;border-radius:10px}.patta{position:relative;padding:0!important;margin-bottom:2px!important}.patta:after{content:'';display:block;width:100%;height:19px;background-color:#fff;position:absolute;bottom:0}.patta img{display:block;margin:0;padding:0}#content .wpfp-span{display:none}.model-overlay{position:fixed;width:100%;height:100%;background-color:rgba(52,64,113,0.8);display:table;top:0;left:0;z-index:10;opacity:0;transition:all .1s;visibility:hidden}.model-overlay.model-show{display:table;opacity:1;visibility:visible}.model-overlay-inner{display:table-cell;padding:20px;vertical-align:middle}.model-overlay .model-box{position:relative;background-color:#fff;display:block;max-width:400px;margin:0 auto;padding:20px;border-radius:12px;transition:all .2s ease-out;transform:scale(0.98);opacity:0}.model-overlay.model-show .model-box{transform:scale(1);opacity:1}.model-overlay .model-box .model-close{position:absolute;right:20px;top:20px;cursor:pointer;opacity:.6}.model-overlay .model-box .model-close:hover{opacity:1}.model-overlay .model-box .model-close:active{transform:scale(0.9)}.submit-palette{display:grid;grid-template-columns:1fr;grid-gap:16px}.submit-palette .input-style,.submit-palette .button-style,.submit-palette .select-style{display:block;width:100%}.form_message .status{width:100%;padding:10px;font-size:14px;font-weight:400}.create-gradient-palette-pickers{display:grid;grid-template-columns:1fr 40px 1fr;grid-gap:10px}.create-gradient-palette-pickers .input-style{width:100%}.main-palette.create-gradient-palette[data-palette-count="2"] li:nth-child(3),.main-palette.create-gradient-palette[data-palette-count="2"] li:nth-child(4),.main-palette.create-gradient-palette[data-palette-count="2"] li:nth-child(5),.main-palette.create-gradient-palette[data-palette-count="2"] li:nth-child(6){display:none}.main-palette.create-gradient-palette[data-palette-count="3"] li:nth-child(4),.main-palette.create-gradient-palette[data-palette-count="3"] li:nth-child(5),.main-palette.create-gradient-palette[data-palette-count="3"] li:nth-child(6){display:none}.main-palette.create-gradient-palette[data-palette-count="4"] li:nth-child(5),.main-palette.create-gradient-palette[data-palette-count="4"] li:nth-child(6){display:none}.main-palette.create-gradient-palette[data-palette-count="5"] li:nth-child(6){display:none}#img-palette{max-width:100%;min-height:300px;margin:0 auto;border-radius:9px}.image-preview{border-radius:10px}#colors_list{display:flex;gap:0;list-style:none;margin:0 auto;border-radius:8px;overflow:hidden}#colors_list li{flex:1;width:100%;display:inline-block;height:120px;position:relative;text-align:center;overflow:hidden}#colors_list li .cinput-wrap{position:absolute;display:block;width:100%;bottom:4px;text-align:center}#colors_list li input{display:block;width:100%;text-align:center;font-size:11px;font-weight:600;margin:0 auto;letter-spacing:1px;border:none;outline:none;background-color:transparent;opacity:.5}#colors_list li input:focus{opacity:1}#colors_list li .pik{font-size:0;position:absolute;top:0;left:0;display:block;border:none;width:100%;height:100%}#colors_list li code{font-size:10px;display:block;width:100%;position:absolute;bottom:10px;text-align:center}#colors_list li .remove{color:#fff;display:inline-block;width:20px;height:20px;line-height:20px;border-radius:50%;font-size:10px;background-color:rgba(0,0,0,0.2);position:absolute;top:4px;right:4px;z-index:100;opacity:0;transform:scale(0.8);transition:all .2s}#colors_list li:hover .remove{opacity:1;transform:scale(1)}.choose-file{display:table;width:100%;min-height:360px;background-color:#eee;border:2px dashed #ddd;border-radius:9px;position:relative}.choose-file span{font-size:13px;color:#555;font-style:normal;display:table-cell;vertical-align:middle;text-align:center;width:100%;height:100%}.choose-file span b{font-weight:400;color:#2C4CD1}.choose-file span .icon{transform:scale(2.4);margin-bottom:10px;opacity:.2;transition:all .2s}.choose-file i{position:absolute;font-size:11px;font-style:normal;color:#aaa}.choose-file .cformat{left:10px;bottom:2px}.choose-file .csize{right:10px;bottom:2px}.choose-file:hover .icon{opacity:.5}.choose-file input[type='file']{position:absolute;appearance:none;-webkit-appearance:none;outline:none;width:100%;height:100%;display:block;background-color:#ffc0cb;opacity:0}.choose-file:hover,.choose-file:active,.choose-file:focus{border-color:#2C4CD1}.img-palette-bar{text-align:center}.img-palette-bar .button-style{min-width:90px}.gen-palette-bar{text-align:center;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:10px}.mg-settings-cols{display:grid;grid-template-columns:auto auto 1fr auto;grid-gap:10px;padding:10px 0}.mg-settings{background-color:#ffc0cb}.mg-col1{display:grid;grid-template-columns:auto 44px auto;grid-gap:10px}.mg-col2{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px}.deg-range{position:relative;margin-top:11px}.deg-range span{font-size:10px;position:absolute;top:0;right:-23px;pointer-events:none;z-index:20}.mg-grd-type{background-color:#f0f0f0;display:grid;grid-template-columns:1fr 1fr;grid-gap:0;border-radius:8px;overflow:hidden}.mg-grd-type button{font-size:11px;border:none;background-color:none;border-radius:0}.mg-grd-type .mg-grd-btn-current{color:#fff;background-color:#2C4CD1}.page404{background-color:#2e3192;background-image:url(../svg/login-stacked-waves.svg);background-size:100% auto;background-repeat:no-repeat;background-position:bottom left;width:100%;display:table;text-align:center}.page404 > div{display:table-cell;vertical-align:middle;width:100%;height:500px}.page404 > div svg{width:100px}.page404 h1{font-size:60px}.page404 .button-style{background-color:transparent;border:2px solid #fff;color:#fff;height:40px;line-height:37px}.post-edit-link{font-size:0;display:inline-block;width:60px;height:60px;position:fixed;bottom:20px;left:20px;background-image:url(../svg/edit-post.svg);background-size:100%;background-position:center center;background-repeat:no-repeat;border-radius:50%;transition:all .1s}.post-edit-link:hover{transform:scale(1.2)}.sc-favorite-btn{display:inline-block;position:relative}.sc-favorite-btn img{position:absolute;width:100%;height:100%;display:none;background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.0' width='32' height='32' viewBox='0 0 128 128'%3E%3Cg%3E%3Cpath d='M75.4 126.63a11.43 11.43 0 01-2.1-22.65 40.9 40.9 0 0030.5-30.6 11.4 11.4 0 1122.27 4.87h.02a63.77 63.77 0 01-47.8 48.05v-.02a11.38 11.38 0 01-2.93.37z' fill='%23e74e4f' opacity='0.8' /%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 64 64' to='360 64 64' dur='400ms' repeatCount='indefinite'/%3E%3C/g%3E%3C/svg%3E");background-size:18px 18px;background-position:center;background-repeat:no-repeat}.sc-favorite-btn a{font-size:0;display:inline-block;text-align:center;border-color:transparent}.sc-favorite-btn a .icon{margin-top:9px}.sc-favorite-btn .liked{color:#ea5959}.color-image{display:block;position:relative;overflow:hidden;border-radius:14px;border:1px solid #eee}.color-image img{display:block;width:100%;height:auto}.color-image figcaption{position:absolute;display:block;bottom:0;width:100%;background-color:#fff;padding:5px;text-align:center}.color-image figcaption a{display:inline-block;padding:2px 20px;opacity:.5}.color-image figcaption a:hover{opacity:1}.single-page-search{margin:0}.what-is{display:grid;grid-template-columns:100px 1fr;grid-gap:20px}.shades{display:grid;grid-template-columns:repeat(8,1fr);grid-gap:10px}.shades li{list-style:none;position:relative;overflow:hidden;border-radius:12px;border:1px solid #eee}.shades li img{display:block;width:100%;height:auto}.shades li code{font-size:10px;position:absolute;color:#fff;bottom:-20px;left:0;width:100%;text-align:center;background:linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(0,0,0,0.4) 100%);visibility:hidden;transition:all .3s;opacity:0}.shades li:hover code{visibility:visible;bottom:0;opacity:1}.go-top{display:inline-block;position:fixed;bottom:20px;right:20px;background-color:#2C4CD1;color:#fff;width:40px;height:40px;border-radius:50%;text-align:center;line-height:38px;transition:all .1s}.go-top .icon{transform:scale(1.6);margin-left:-2px}.go-top:hover{transform:scale(1.2)}.edit-btn{font-size:12px;display:inline-block;margin-top:3px;color:#000}.edit-btn .sc-icon{transform:scale(0.8)}.new{position:relative}.new:after{content:'NEW';height:14px;width:24px;text-align:center;line-height:14px;overflow:hidden;border-radius:3px;font-size:9px;position:absolute;top:-1px;right:-28px;display:inline-block;background-color:#f44044;color:#fff}#contact-form{position:relative;text-align:left}.contact-form-fields{width:100%;list-style:none;margin:0;padding:0}.contact-form-fields li{display:block;width:100%}.contact-form-fields input,.contact-form-fields label,.contact-form-fields textarea{display:block;width:100%}.contact-form-fields label{font-size:11px;margin-bottom:5px;margin-left:2px}.contact-form-fields textarea{min-height:120px;line-height:150%;padding:14px}.contact-form-fields .button-style{background-color:#333;border-color:#333;color:#fff}#contact-form{text-align:left}.validation-info{color:red}.req{display:inline-block;font-size:9px;background-color:#fff;color:red;text-transform:lowercase;width:14px;height:14px;text-align:center;line-height:14px;border-radius:50%}#mail-status .thankyou{color:#000;background-color:#fff;display:grid;grid-template-columns:50px 1fr;grid-gap:40px;padding:20px;border-radius:10px;margin-bottom:40px}#mail-status .thankyou p{padding:0;padding-top:10px;font-size:12px}#mail-status .thankyou svg{float:left;margin-top:3px;margin-right:20px;width:65px;height:65px}.thankyou{border:1px solid #38b458}.error{border-color:red!important}#mail-status .error{color:red;border-color:red}.smallscreen{cursor:zoom-in}.fullscreen{display:block;position:fixed;top:0;left:0;width:100%;height:100%;z-index:200;cursor:zoom-out}.showcase{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:40px}.showcase a{border-radius:12px;padding:30px;overflow:hidden;border:1px solid #eee}.showcase a h2{color:#2C4CD1;font-size:16px}.showcase a p{font-size:12px;margin:0}.showcase img{display:block;width:100%;height:auto;margin:0 auto;border-radius:10px;border:1px solid #ddd;margin-bottom:20px;transition:ease all .5s}.showcase a:hover{background-color:#eee}.showcase a:hover img{transform:scale(1.1)}.anim li{transition:all .1s}@keyframes fadein{from{opacity:0}to{opacity:1}}.anim li:nth-child(1){animation:fadein .2s ease}.anim li:nth-child(2){animation:fadein .4s ease}.anim li:nth-child(3){animation:fadein .6s ease}.anim li:nth-child(4){animation:fadein .8s ease}.anim li:nth-child(5){animation:fadein 1s ease}.cat-tags{margin:24px 0}.cat-tags a{font-size:12px;color:#000;display:inline-block;padding:8px 10px;margin:0 3px 4px 0;border:1px solid #f0f0f0;border-radius:8px}.cat-tags a:before{content:'#';display:inline-block;padding-right:2px;font-size:10px;color:#ddd}.cat-tags a:hover{background-color:#f0f0f0;border-color:#f0f0f0}.cat-tags a:active{background-color:silver;border-color:silver}.cat-tags-more:before{content:''!important;font-size:11px}.tags-page-items{list-style:none;margin:0;padding:0}.tags-page-items li{list-style:none;display:inline}.tags-page-items li a{color:#000;font-size:12px;background-color:#eee;display:inline-block;padding:5px 12px;margin:0 10px 10px 0;border-radius:6px}.tags-page-items li a:hover{background-color:#ddd}.color-post-thumbnail{float:left;padding:10px;width:auto;height:auto;border:1px solid #f0f0f0;border-radius:4px;margin:5px 20px 5px 0;position:relative;text-align:center}.source_link{display:none;font-size:11px;color:#fff;position:absolute;bottom:5px;right:5px;width:24px;height:24px;background-color:rgba(0,0,0,0.3);border-radius:50%;line-height:30px}.source_link .sc-icon{font-size:16px}.color-post-thumbnail:hover .source_link{display:block}.color-post-thumbnail img{display:block;width:auto!important;height:60px!important;border-radius:3px;margin:0 auto}#sc-cookie-consent{display:none;z-index:600;position:fixed;width:100%;right:0;bottom:0;padding:8px 20px;font-size:12px;background-color:#2C4CD1;text-align:center}#sc-cookie-consent p{line-height:180%;margin:0;color:#fff;padding:0;padding-right:50px}#sc-cookie-consent p a{color:#fff;text-decoration:underline!important}#sc-cookie-consent p a:hover{color:#000;text-decoration:underline}#sc-cookie-consent-close{position:absolute;top:0;margin-top:5px;right:10px;width:30px;height:30px;border-radius:50%;font-size:10px;border:none;display:inline-block;cursor:pointer;color:#fff;background:#2C4CD1;text-align:center;border:none;outline:none}#sc-cookie-consent-close:hover{background:#333}#sc-cookie-consent-close:active{background:#000}.generate-topics{list-style:none}.generate-topics,.generate-topics li{margin:0!important;padding:0!important}.generate-topics li h3{font-size:14px;margin:0}.generate-topics li:nth-child(odd){background-color:#eee}.generate-topics li a{display:block;padding:10px}.contrast-checker-tool{display:block;padding:20px;border-radius:10px;border:1px solid #eee}.contrast-preview{text-align:center;min-height:200px;display:flex;justify-content:center;align-items:center;border-radius:10px}.contrast-preview .largetxt{font-size:42px;display:block;width:100%;padding:20px}.contrast-preview .smalltxt{font-size:12px;display:block;width:100%}.contrast-result{padding:10px;border-radius:10px;border:1px solid #eee;text-align:center;margin:10px 0}.contrast-result p{margin:0}.good-contrast{background-color:#d4edda;color:#155724}.bad-contrast{background-color:#f8d7da;color:#721c24}.color-inputs label{font-size:11px;color:#aaa;display:block;padding:3px 0}.color-inputs .input-style{width:100%}.button-style .small-icon{font-size:20px}.nodesktop{display:none!important}@media screen and (max-width: 1200px){.centered{max-width:92%}}@media screen and (max-width: 1000px){.centered-m{max-width:92%}.header-search .select-style{display:none}.header-search .input-style{padding-left:12px}.noipad{display:none!important}nav ul .toplevel > a{font-size:13px}.logo a span{font-size:16px}.logo img{margin-bottom:-5px}.main h1,.bigheading{font-size:54px}}@media screen and (max-width: 780px){h1{font-size:30px}h2{font-size:20px}h3{font-size:18px}.centered-s{max-width:92%}.nomobile{display:none!important}.nodesktop{display:block!important}.fullonmobile{grid-template-columns:1fr}.header-in{grid-template-columns:auto 1fr auto auto;grid-gap:10px}nav ul .toplevel > a{font-size:13px}.logo{padding-right:10px}.custom-search-form{grid-template-columns:1fr;grid-gap:0}.main{padding:30px 0}.main-cols{grid-template-columns:1fr;text-align:center}.main-col2{text-align:center}.main-col2 img{margin:0 auto;max-width:400px}.main h1,.bigheading{font-size:40px}.main-titles p{width:100%}.main .button-style{height:40px;line-height:38px;font-size:12px;padding:0 14px}.featured{grid-template-columns:repeat(3,1fr);grid-gap:20px}.featured-box h2{font-size:13px}.color-palettes-list,.gradients-list,.image-palette-list,.tool-list,.color-list{grid-template-columns:repeat(2,1fr);grid-gap:20px}.hexs{display:none}.image-palette-list .image-palette{height:1fr 1fr 40px}.main-palette{flex-direction:column;overflow:hidden}.random-palette{flex-direction:column}.main-palette li{position:relative}.mp-settings{position:absolute;top:50%;margin-top:-16px;padding:0 14px;width:100%;height:auto;grid-template-columns:40px 40px auto 40px 40px;grid-gap:20px;grid-template-areas:"column-1 column-2 column-3 column-4"}.mp-settings .code{margin:0 auto}.mp-settings div:nth-child(4){grid-area:column-1}.mp-settings div:nth-child(2){grid-area:column-2}.mp-settings div:nth-child(5){grid-area:column-3;text-align:center}.mp-settings div:nth-child(1){grid-area:column-4}.mp-settings .code{display:block;height:100%;line-height:34px;line-height:auto}.create-palette .mp-settings{grid-template-columns:40px 40px auto 40px 40px;grid-template-areas:"column-1 column-2 column-3 column-4 column-5"}.create-palette .mp-settings div:nth-child(1){grid-area:column-2}.create-palette .mp-settings div:nth-child(4){grid-area:column-1}.create-palette .mp-settings div:nth-child(2){grid-area:column-4}.bar-settings{display:grid;grid-template-columns:1fr;grid-gap:5px}.mg-settings-cols{grid-template-columns:1fr}.mp-settings .move{transform:rotate(-90deg)!important}.like-downloads{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-gap:10px}.like-downloads .button-style3{border-color:#ddd}.like-downloads .button-style{width:100%}.sc-favorite-btn a{width:100%;border-color:#ddd}.cols{grid-template-columns:1fr;grid-gap:30px}.color-info ul{column-count:1}.shades-cell{width:120px}.pagination{grid-template-columns:1fr}footer .centered{grid-template-columns:repeat(1,1fr);text-align:center;font-size:12px}footer .logo{margin-bottom:18px}.login-cols{grid-template-columns:1fr;height:auto;background-size:300% auto;background-position:bottom left}.login-col1,.login-col2{height:auto;padding:30px}.login-col1{padding:14% 30px}.login-col2{border-bottom-left-radius:0;border-top-right-radius:30px}.login-form{max-width:96%;margin:0 auto}.shades{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:10px}.showcase{grid-template-columns:repeat(2,1fr);grid-gap:20px}.blog-list{grid-template-columns:1fr;grid-gap:30px}}@media screen and (max-width: 520px){header{position:sticky;top:0}.main h1,.bigheading{font-size:30px}.color-palettes-list{grid-template-columns:repeat(1,1fr);grid-gap:20px}.color-list{grid-template-columns:repeat(2,1fr);grid-gap:20px}.color-palettes-list li .palette{height:90px}.model-overlay-inner{vertical-align:bottom;padding:0}.model-overlay .model-box{width:100%;max-width:100%;margin:0 auto;padding:20px;padding-bottom:40px;border-radius:22px;border-bottom-left-radius:0;border-bottom-right-radius:0}.single-page-search{margin:0 auto}}@media screen and (max-width: 320px){.color-post-thumbnail{display:block;width:100%;float:inherit;text-align:center}}