.copyright_detail_box {
    --pdb_closed_height: 28px;
    --pdb_ypadding: 3px;
    --pdb_iconmargin: 5px;
    --icon-width: calc(var(--pdb_closed_height) + 2 * var(--pdb_ypadding) - 2 * var(--pdb_iconmargin));
    --icon-border: 2px;
    --outer-border-radius: calc(var(--pdb_closed_height) / 2 + var(--pdb_ypadding));
    --anim-time: 250ms;
    --margin-left: 15px;
    --detail-box-width: 250px;
    --delay-before-anim: 500ms;
    --inner-margin: 1em;
    overflow: hidden;
    cursor: pointer;
    color: #ffffff;
    position: absolute;
    right: 20px;
    bottom: 20px;
    background: rgba(0, 0, 0, 0.6);
    border-radius: 3px 3px var(--outer-border-radius) 3px;
    padding: var(--pdb_ypadding) var(--pdb_iconmargin);
    transition: border-radius 250ms ease-out;
    font-size: 0.8em;
    line-height: 0.8em;
}
.copyright_detail_box.empty_body {
    cursor: default;
    border-radius: var(--outer-border-radius);
}

.copyright_detail_box:not(:hover):not(.opened) {
    border-radius: var(--outer-border-radius);
}

.copyright_detail_box .copyright_details{
    width: var(--detail-box-width);
    max-height: 500px;
    opacity: 1;
    transition: max-height var(--anim-time) ease-out, width var(--anim-time) ease-out, opacity calc( 2 * var(--anim-time));
    overflow: hidden;
    will-change: transform; /** Use GPU to prevent "snappy effect" **/
}

.copyright_detail_box:not(:hover):not(.opened):not(.empty_body) .copyright_details{
    max-height: 0;
    width: 0;
    opacity: 0;
}

.copyright_detail_box .copyright_year{
    opacity: 1;
    width: 45px;
    transition: width var(--anim-time) ease-out, opacity calc( 2 * var(--anim-time));
}
.copyright_detail_box:not(:hover):not(.opened):not(.empty_body) .copyright_year{
    opacity: 0;
    width: 0;
}

.copyright_title {
    margin: var(--inner-margin) 0;
    font-weight: bold;
    display: inline-block;
}
.copyright_location {
    margin-bottom: var(--inner-margin);
    line-height: 1.2em;
}

.copyright_details_inner {
    width: var(--detail-box-width); /* Prevents doom flicker */
    text-align: left;
    padding-left: var(--margin-left);
    padding-right: var(--icon-width);
}
.copyright_details_inner ul {
    line-height: 1.5em;
    list-style-type: '- ';
    padding: 0; /* Divi reset */
}

.copyright_header {
    will-change: transform; /** Use GPU to prevent "snappy effect" **/
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-left: var(--margin-left);
    margin-right: calc( var(--icon-width) + 25px );
    height: var(--pdb_closed_height);
    display: flex;
    align-items: center;
    opacity: 1;
    max-width: 330px;
    transition: max-width var(--anim-time) ease-out var(--delay-before-anim), margin var(--anim-time) ease-out var(--delay-before-anim), opacity calc( 2 * var(--anim-time)) ease-out calc( var(--anim-time) + var(--delay-before-anim) );
}
.copyright_detail_box.empty_body .copyright_header {
    margin-right: var(--margin-left);
}
.mini .copyright_header {
    margin: 0;
    max-width: var(--icon-width);
    opacity: 0;
    transition: none;
}
.copyright_row_header {
    font-weight: bold;
}

.info_icon {
    border-radius: 50%;
    width: var(--icon-width);
    height: var(--icon-width);
    border: var(--icon-border) solid #ffffff;
    margin-left: 15px;
    position: absolute;
    right: var(--pdb_iconmargin);
    bottom: var(--pdb_iconmargin);
    /** for i inside **/
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.info_icon_dot {
    width: var(--icon-border);
    height: calc( var(--icon-width) / 10 );
    margin-bottom: calc( var(--icon-width) / 10 );
    background: #ffffff;
}
.info_icon_pipe {
    width: var(--icon-border);
    height: calc( var(--icon-width) / 4 );
    background: #ffffff;
}
@media screen and (max-width:479px) {
    .copyright_detail_box {
        --detail-box-width: min(320px, calc(100vw - 120px));
        --inner-margin: 0.5em;
        font-size: 0.65em;
        line-height: 0.65em;
    }
    .copyright_row_header {
        display: none;
        top: auto;
    }
    .et_pb_image_wrap:hover {
        overflow: visible;
    }
}