/***************************************************
 * iframe settings
 ***************************************************/
body {
    background: transparent !important;
}

.container {
    width: inherit !important;
}

#iframe-loader {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    width: 100%;
    height: 100%;
    text-align: center;
    background: rgba(255, 255, 255, .6);
}

#iframe-loader em {
    position: absolute;
    top: 200px;
    font-size: 2em;
    color: #BBB;
}

.copyright-link {
    font-size: .95em;
    text-align: center;
    padding: 1em;
}

.copyright-link a {
    color: #506ea2 !important;
    text-decoration: none !important;
}

.copyright-link a:hover {
    text-decoration: none !important;
}

.copyright-link .foco-black,
.copyright-link .foco-black * {
    font-family: "Foco Black";
    font-size: 1.25em;
    font-weight: normal;
}

.copyright-link .foco-black {
    position: relative;
    display: inline-block;
    transform-origin: left center;
    transition: transform 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);
}

/* Underline accent that grows from the centre outward on hover. We exclude
   the ® superscript from the underline's coverage by reserving ~0.55em on
   the right (roughly the rendered sup width at the brand's font scale).
   The "collapsed" centre is shifted left by half of that reserve so the
   grow-from-centre animation stays symmetric under the "kutego" wordmark
   itself rather than the whole element including the sup. */
.copyright-link .foco-black::after {
    content: "";
    position: absolute;
    left: calc(50% - 0.275em);
    right: calc(50% + 0.275em);
    bottom: -4px;
    height: 2px;
    background: #506ea2;
    transition: left 0.4s ease, right 0.4s ease;
}

.copyright-link a:hover .foco-black {
    transform: scale(1.18);
}

.copyright-link a:hover .foco-black::after {
    left: 0;
    right: 0.55em;
}

.copyright-link .foco-black sup {
    font-size: .5em;
    display: inline-block;
    transform-origin: bottom left;
    transition: transform 0.45s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.copyright-link a:hover .foco-black sup {
    /* the ® gives a small "wink" — lifts and tilts — adding a playful
       micro-detail when the user lands on the brand. */
    transform: translateY(-3px) rotate(12deg);
}