/* PHONE */
.trvtmpl-phone {
    display: flex;
    align-items: center;
}
.trvtmpl-header__phone .trvtmpl-phone:not(:first-of-type) {
    margin-top: 5px;
}
.trvtmpl-phone__link {
    display: flex;
    flex-direction: column;
}
.trvtmpl-phone a {
    color: currentColor;
    text-decoration: none;
    transition: var(--trvtmplLinksTransition);
}
.trvtmpl-phone a:hover {
    opacity: var(--trvtmplLinksHoverOpacity);
}
.trvtmpl-phone__content {
    display: flex;
}
/* PHONE END */

/* MAIL */
.trvtmpl-mail a {
    color: currentColor;
    text-decoration: none;
    transition: var(--trvtmplLinksTransition);
}
.trvtmpl-mail a:hover {
    opacity: var(--trvtmplLinksHoverOpacity);
}
/* MAIL END */

/* SOCIALS */
.trvtmpl-socials {
    --margin-top: 10px;
    --margin-left: 20px;

    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-top: calc(var(--margin-top) * -1);
    margin-left: calc(var(--margin-left) * -1);
}
.trvtmpl-socials a {
    text-decoration: none;
    transition: var(--trvtmplLinksTransition);
    margin-left: var(--margin-left);
    margin-top: var(--margin-top);
}
.trvtmpl-socials a:hover {
    opacity: var(--trvtmplLinksHoverOpacity);
}
.trvtmpl-socials a .trvtmpl-icon {
    width: 100%;
    height: 100%;
}
.trvtmpl-socials--vertical {
    flex-direction: column;
    align-items: flex-start;
}
.trvtmpl-socials__item {
    display: flex;
    align-items: center;
    justify-content: center;
}
.trvtmpl-socials-colorful-fill-main {
    fill: #ffffff;
}
.trvtmpl-socials-colorful-fill-bg {
    fill: var(--trvtmplTemplateColorMain);
}
.trvtmpl-socials-colorful-stroke-main {
    stroke: #ffffff;
}
/* SOCIALS END */

@media screen and (max-width: 1000px) {
    /* SOCIALS */
    .trvtmpl-socials {
        --margin-top-mobile: 10px;
        --margin-left-mobile: 20px;

        margin-top: calc(var(--margin-top-mobile) * -1);
        margin-left: calc(var(--margin-left-mobile) * -1);
    }
    .trvtmpl-socials a {
        margin-left: var(--margin-left-mobile);
        margin-top: var(--margin-top-mobile);
    }
    /* SOCIALS END */
}
