/* /////////////////////////////////////// */
/* ------ STYLING TO EXTERNAL LINKS ------ */
/* /////////////////////////////////////// */

h1 a[rel~=external], h2 a[rel~=external], h3 a[rel~=external] {
    position: relative;
}

h1 a[rel~=external]:hover:before, h2 a[rel~=external]:hover:before, h3 a[rel~=external]:hover:before {
    transform: translateX(5px) rotate(-45deg);
    color: #e0121d;
}

.yit_toggle_menu li a[rel~=external],
#nav .tmf_main_menu ul.sub-menu > li.menu-item > a[rel~=external] {
    padding-right: 20px !important;
    position: relative;
}

.yit_toggle_menu li a[rel~=external]::before,
#nav .tmf_main_menu ul.sub-menu > li.menu-item > a[rel~=external]::before {
    position: absolute;
    content: "\f061";
    font-family: "Fontawesome";
    font-size: 0.7em;
    color: #e0121d;
    display: block;
    right: 1px;
    top: 0;
    bottom: 0;
    height: 18px;
    margin: auto;
    transition: all 0.2s ease;
}

#nav .tmf_main_menu ul.sub-menu > li.menu-item > a[rel~=external]::before {
    height: 14px;
}

.yit_toggle_menu li a[rel~=external]:hover::before,
#nav .tmf_main_menu ul.sub-menu > li.menu-item > a[rel~=external]:hover::before {
    transform: rotate(-45deg);
}