﻿.interlinking_content {
    color: #333333;
    font-family: open sans,sans-serif;
    background-color: #005191;
    margin-top: 20px;
}

section {
    display: block;
}

img {
    height: auto;
    max-width: 100%;
}

.interlinking_inside_container {
    padding-top: 30px;
    padding-bottom: 30px;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    z-index: 1;
    position: relative;
}

.interlinking_tab_columns_top > a > div {
    display: flex;
    flex-direction: column;
    align-items: center;
    cursor: pointer;
}

#interlinking_tab_columns .interlinking_tab_columns_tab {
    /*width: calc( ( 100% - ( 2 * 48px ) ) / 3 );*/
    border-bottom: 3px solid transparent;
}

    #interlinking_tab_columns .interlinking_tab_columns_tab.active {
        border-bottom: 3px solid #9bd4ff;
    }

    #interlinking_tab_columns .interlinking_tab_columns_tab:hover {
        border-bottom: 3px solid #9bd4ff;
        background-color: #9bd4ff40;
    }

    #interlinking_tab_columns .interlinking_tab_columns_tab > div {
        background-color: transparent;
        padding: calc( 48px / 4 );
    }

        #interlinking_tab_columns .interlinking_tab_columns_tab > div > img {
            width: 48px;
            margin-bottom: calc( 48px / 4 );
        }

        #interlinking_tab_columns .interlinking_tab_columns_tab > div > h3 {
            color: #ffffff;
            font-size: 18px;
            text-decoration: inherit;
            margin-bottom: 0;
            text-align: center;
        }

@media (max-width: 767px) {
    #interlinking_tab_columns .interlinking_tab_columns_tab > div > h3 {
        font-size: calc( 18px - 2px );
    }
}

#interlinking_tab_columns .interlinking_tab_columns_tab > div > h3 > a {
    color: inherit;
}

#interlinking_tab_columns .interlinking_tab_columns_tab[tabid="0"] {
    border-bottom: 3px solid #9bd4ff;
}

#interlinking_tab_columns .interlinking_tab_columns_bottom {
    color: #ffffff;
    background-color: transparent;
    font-size: 16px;
    padding: calc( 48px / 2 );
    padding-bottom: 0;
    text-align: center;
    align-items: center;
}

    #interlinking_tab_columns .interlinking_tab_columns_bottom > div > a {
        color: inherit;
        border-bottom: 2px dotted currentcolor;
        word-wrap: break-word;
    }
        #interlinking_tab_columns .interlinking_tab_columns_bottom > div > a:hover,
        #interlinking_tab_columns .interlinking_tab_columns_bottom > div > a:focus,
        #interlinking_tab_columns .interlinking_tab_columns_bottom > div > a:active {
            border-bottom: 2px solid currentcolor;
            text-decoration: none;
        }

#interlinking_tab_columns .interlinking_tab_columns_top {
    padding: 0 192px;
}

.interlinking_tab_columns_top {
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
}

#interlinking_tab_columns .interlinking_tab_columns_top h3 {
    text-transform: Uppercase;
}

@media (max-width: 1024px) {
    #interlinking_tab_columns .interlinking_tab_columns_top {
        padding: 0 96px;
    }
}

@media (max-width: 768px) {
    #interlinking_tab_columns .interlinking_tab_columns_top {
        padding: 0 16px;
    }
}

#interlinking_tab_columns .interlinking_tab_columns_top a:hover {
    text-decoration: none !important;
    text-decoration-color: #ffffff00;
}

#interlinking_tab_columns .interlinking_tab_columns_content span {
    position: relative;
    top: -0.333em;
    font-size: 50%;
    color: #9bd4ff;
    margin: 0 5px;
}


@media (max-width: 567px) {
    #interlinking_tab_columns .interlinking_tab_columns_top {
        padding: 0 5px;
    }
    #interlinking_tab_columns .interlinking_tab_columns_bottom > div > a {
       font-size: 12px;
    }
}