/*
svg.text-circle {
    margin: auto;
    width: 50%;
    min-width: 240px;
    max-height: 100%;
}
*/
svg.text-circle {
    max-width: 340px;
    max-height: 100%;
    display: block;
    width: 100%;
}

svg.text-circle circle {
    /*
    fill: red;
    mix-blend-mode: multiply;
    */
}

.text-circle .shape {
    height: 100%;
    width: 50%;
    shape-margin: 1.4px;
}

.text-circle .shape-left {
    float: left;
    shape-outside: url(/wp-content/themes/ona-hu/blocks/text-circle/gfx/circle-left.svg);
}

.text-circle .shape-right {
    float: right;
    shape-outside: url(/wp-content/themes/ona-hu/blocks/text-circle/gfx/circle-right.svg);
}

.text-circle .text {
    font-size: 3.9px;
    width: 100px;
    height: 100%;
    text-align: center;
    line-height: 1.2;
    color: white;
    /*
    hyphens: auto;
    text-shadow: 0 .2px .3px rgba(0,0,0,.3);
    */
}

.aligncenter {
    margin: 0 auto !important;
}

.text-circle .text p { 
    margin: 0; 
    /*text-align: justify;*/
    font-size: 5.5px;
    text-align-last: center;
    visibility: hidden;
}

.text-circle:hover .text p {
    visibility: visible;
}

.text-circle h3 {
    font-size: 10px;
    margin-bottom: 0px;
    padding-top: 36px;
    -webkit-animation: spin 2s cubic-bezier(0.8, 0, 0.2, 1) 1;
    animation: spin 2s cubic-bezier(0.8, 0, 0.2, 1) 1;
}