

.elementor-element.search-form-wrapper{
    --align-self: flex-start!important;
    width: 100%!important;

}

.elementor-element-bc5f0a6{
    width:100%;
}

.elementor-element.search-form-wrapper .search-form{
    padding:0
}

.codecheck-form #code-input{
    text-transform: uppercase!important;
    border:1px solid #ccc;
}

.search-form,
.codecheck-form{

    padding:10px;
}

.search-form input[type=text],
.codecheck-form input[type=text]{
    padding:15px!important;
    border:2px solid #fff;
    font-size: var(--e-global-typography-secondary-font-size);
    color: #3E4144!important;
}

.search-form-action,
.codecheck-action{
    text-align: right;
}

.search-form button,
.codecheck-form button{
    color:var(--e-global-color-primary);
    margin:10px 0 0 0;
    font-family: var(--e-global-typography-secondary-font-family), Sans-serif;
    font-size: var(--e-global-typography-secondary-font-size);
    font-weight: var(--e-global-typography-secondary-font-weight);
    line-height: var(--e-global-typography-secondary-line-height);
    border:1px solid var(--e-global-color-primary);
}

.search-form button:hover,
.search-form button:focus,
.search-form button:active,

.codecheck-form button:hover,
.codecheck-form button:focus,
.codecheck-form button:active{
    color: var(--e-global-color-accent);
    transform: scale(1.1);
    border:1px solid var(--e-global-color-primary);
    background: none;
}

.search-form button:hover svg,
.search-form button:focus svg,
.search-form button:active svg,

.codecheck-form button:hover svg,
.codecheck-form button:focus svg,
.codecheck-form button:active svg{
    fill: var(--e-global-color-accent);
}

.search-form button svg,
.codecheck-form button svg{
    fill: #333;
}

.codecheck-wrapper{
    background: #f6f9ff;
    padding:30px;
    margin:20px auto;
}

.codecheck-error{
    color:#8b0000;
}

#codecheck-result .codecheck-disable .codecheck-title,
#codecheck-result .codecheck-false .codecheck-title{
    color:#000;
}

#codecheck-result .codecheck-success .codecheck-title{color:green;}
#codecheck-result .codecheck-success .codecheck-title img{filter: invert(30%) sepia(93%) saturate(975%) hue-rotate(86deg) brightness(94%) contrast(108%);}

#codecheck-result .codecheck-success .codecheck-title.codecheck-count-alarm{color:orange;}
#codecheck-result .codecheck-success .codecheck-title.codecheck-count-alarm img{
    filter: invert(64%) sepia(40%) saturate(1693%) hue-rotate(359deg) brightness(101%) contrast(102%);
}


#codecheck-result .codecheck-count-default{color:green}
#codecheck-result .codecheck-count-alarm{color:orange;}
#codecheck-result .codecheck-count-danger{color:#E52F2F;}

#codecheck-result .codecheck-success .codecheck-title.codecheck-count-danger,
#codecheck-result .codecheck-fake .codecheck-title{
    color:#E52F2F;
}

#codecheck-result .codecheck-success .codecheck-title.codecheck-count-danger img,
#codecheck-result .codecheck-fake .codecheck-title img{
    filter: brightness(0) saturate(100%) invert(26%) sepia(57%) saturate(2184%) hue-rotate(336deg) brightness(106%) contrast(107%);
}


.codecheck-error,
.codecheck-data{
    font-size: var(--e-global-typography-text-font-size);
}

#codecheck-result .codecheck-title{
    color: var(--e-global-color-secondary);
    font-family: "Schibstead Grotesk", Sans-serif;
    font-size: var(--e-global-typography-secondary-font-size);
    font-weight: 700;
    line-height: 1em;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.codecheck-hint{
    opacity: 0.8;
    margin:0;
}

.codecheck-title img{
    margin-left:10px;
}

#codecheck-result .codecheck-desc{
    margin: 25px auto;
    font-family: var(--e-global-typography-secondary-font-family), Sans-serif;
    font-size: var(--e-global-typography-secondary-font-size);
    font-weight: var(--e-global-typography-secondary-font-weight);
    line-height: var(--e-global-typography-secondary-line-height);
}

p.codecheck-desc a{
    color:var(--e-global-color-accent);
}

p.codecheck-desc a:hover{
    border-bottom:2px solid var(--e-global-color-accent);
}

.codecheck-desc span{
    font-weight: 700;
    border-bottom: 3px solid var(--e-global-color-accent);
}