/* Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification\ 
for details on configuring this project to bundle and minify static web assets. */
body {
    padding: 0;
    margin: 0;
    font-family:Verdana;
    width:100%;
}

/* Carousel */
.carousel-caption p {
    font-size: 20px;
    line-height: 1.4;
}

/* Make .svg files in the carousel display properly in older browsers */
.carousel-inner .item img[src$=".svg"] {
    width: 100%;
}

/* QR code generator */
#qrCode {
    margin: 15px;
}

/* Hide/rearrange for smaller screens */
@media screen and (max-width: 767px) {
    /* Hide captions */
    .carousel-caption {
        display: none;
    }
}

header div#tclogo img {
    border: 0;
    margin: 0;
    max-width: 100%;
    cursor: pointer;
}

header img.menubutton {
    height:40px;
    width:40px;
    margin: 20px 0px 0px 30px;
    color: rgba(43, 47, 131, 1);
    border:solid 5px black;
    border-radius:5px;
}
/* welcome to top consultant and three buttons */

aside.micromenu {
    text-align: right;
    margin: 0;
    padding: 0;
    font-size: 0.8em;
    font-weight: bold;
    color: #2b2e83;
}

    /* welcome to tc */

    aside.micromenu p {
        display: block;
        margin: 5px 10px 12px 0;
    }

    /* recruiter three buttons */

    aside.micromenu nav {
        display: block;
        text-align: right;
        margin: 10px 5px 30px 5px;
    }

        aside.micromenu nav a {
            display: inline;
            margin: 2px 5px 2px 5px;
            padding: 4px 8px;
            text-decoration: none;
            background-color: #f7a414;
            border-radius: 5px;
            color: #000;
            font-size: 0.95em;
            font-weight: bold;
            transition: background-color 0.2s ease-in, color 0.2s ease-out;
            -moz-transition: background-color 0.2s ease-in, color 0.2s ease-out;
            -webkit-transition: background-color 0.2s ease-in, color 0.2s ease-out;
        }

            aside.micromenu nav a:hover {
                background-color: #2b2e83;
                color: #fff
            }

/* Social sharing */

aside.socialshare {
    text-align: right;
    margin: 0 50px 0 10px;
    font-size: 0.8em;
    font-weight: bold;
    color: #2b2e83;
}

    /* Share this page on: */

    aside.socialshare span {
        margin: 2px;
        color: #2daae1;
        font-weight: normal;
        font-size: 1.2em;
        vertical-align: top
    }

    /* social share buttons */

    aside.socialshare a {
        display: inline;
        margin: 1px;
    }

        aside.socialshare a img {
            border: 0;
            margin: 0;
        }


/* Top Menu */

.topmenu {
    height: 50px;
    background: -moz-linear-gradient(left, #2daae1 0%, #2b2e83 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#2daae1), color-stop(100%,#2b2e83));
    background: -webkit-linear-gradient(left, #2daae1 0%,#2b2e83 100%);
    background: -o-linear-gradient(left, #2daae1 0%,#2b2e83 100%);
    background: -ms-linear-gradient(left, #2daae1 0%,#2b2e83 100%);
    background: linear-gradient(to right, #2daae1 0%,#2b2e83 100%);
    overflow: hidden;
    text-align:center;
}
    .topmenu a {
        display: block;
        height: 50px;
        width: 98%;
        background-color: rgba(43, 47, 131, 0);
        -webkit-border-radius: 10px 10px 0 0;
        border-radius: 10px 10px 0 0;
        font-size: 1em;
        padding: 0px 10px 15px 10px;
        vertical-align: top;
        margin: 0px 5px 0px 0px;
        transition: background-color 0.5s ease-out;
        -moz-transition: background-color 0.5s ease-out;
        -webkit-transition: background-color 0.5s ease-out;
        color: #fff;
        text-decoration: none;
        word-wrap: break-word;
    }

                .topmenu a:hover, .topmenu a.active {
                    background: rgba(43, 47, 131, 1);
                }

        /* End Top Menu */

        /* Bottom Menu */

.bottommenu {
    background-color: #2b2f83;
    height: 60px;
    overflow: hidden;
    text-align: center;
}

    .bottommenu div a {
        display: block;
        padding: 2px 5px;
        text-align: center;
        color: #fff;
        font-size: 0.8em;
        text-decoration: none;
        border: 1px solid #2b2f83;
        border-radius: 4px;
        transition: border-color 0.5s ease-out, color 0.5s ease-out;
        -moz-transition: border-color 0.5s ease-out, color 0.5s ease-out;
        -webkit-transition: border-color 0.5s ease-out, color 0.5s ease-out;
        word-wrap: break-word;
    }


    .bottommenu div a.active, .bottommenu div a:hover {
        border-color: #f1ca58;
    }

@media screen and (max-width:600px){

    .topmenu {
        background: -moz-linear-gradient(left, #2daae1 0%, #2daae1 100%);
        background: -webkit-gradient(linear, left top, right top, color-stop(0%,#2daae1), color-stop(100%,#2daae1));
        background: -webkit-linear-gradient(left, #2daae1 0%,#2daae1 100%);
        background: -o-linear-gradient(left, #2daae1 0%,#2daae1 100%);
        background: -ms-linear-gradient(left, #2daae1 0%,#2daae1 100%);
        background: linear-gradient(to right, #2daae1 0%,#2daae1 100%);
        background-color: #2daae1 !important;
        height: 35px;
    }

    .topmenu a.inactive {
        display: none;
    }

    .topmenu div{
        height:auto;
    }

    .topmenu a.active {
        margin-top:2px;
        height: 30px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
    }

        .topmenu a:hover {
            background: rgba(43, 47, 131, 1);
            -webkit-border-radius: 10px;
            border-radius: 10px;
        }

    .bottommenu {
        height: 35px;
    }

    .bottommenu a.inactive {
        display: none;
    }

    .bottommenu div {
        height:auto;
    }

    .bottommenu a.active {
        margin-top: 2px;
        height: 30px;
    }


}
/* End Bottom Menu */
/* Footer */
footer.footer {
    background: #2daae1;
    background: -moz-linear-gradient(top, #2daae1 0%, #2b2e83 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2daae1), color-stop(100%,#2b2e83));
    background: -webkit-linear-gradient(top, #2daae1 0%,#2b2e83 100%);
    background: -o-linear-gradient(top, #2daae1 0%,#2b2e83 100%);
    background: -ms-linear-gradient(top, #2daae1 0%,#2b2e83 100%);
    background: linear-gradient(to bottom, #2daae1 0%,#2b2e83 100%);
    color: #fff;
    font-size: 0.8em;
    overflow: hidden;
    padding-top: 10px;
    padding-bottom: 10px;
}

footer.footer span.copyright {
    display:block;
    margin-top:10px;
    font: 1em "PT Sans", Helvetica, Arial, sans-serif;
}

footer.footer a {
    color:white;
    margin-right:5px;
}

@media screen and (max-width:600px) {
    footer.footer {
        bottom: 0px;
        padding-top: 0px;
    }

    footer.footer img {
        display: none;
    }

    .mobileHidden{
        display:none;
    }
}




/*content pages e.g. News, TL, Events*/

.blueborder {
    padding: 10px;
    border: 1px solid #2daae1;
    border-radius: 10px;
}

.bluebordersanspadding {
    border: 1px solid #2daae1;
    border-radius: 10px;
}

.bluebackground {
    background-color: #2daae1;
    border-radius: 10px;
    padding:5px 10px;
}

.paginginfo{
    color:white;
    font-size:0.8em
}

/* General */

.listingbutton {
    display:inline-block;
    background-color: #dedede;
    border-radius: 5px;
    transition: background-color 0.2s ease-in, color 0.2s ease-out;
    -moz-transition: background-color 0.2s ease-in, color 0.2s ease-out;
    -webkit-transition: background-color 0.2s ease-in, color 0.2s ease-out;
    text-decoration: none;
}

.accountName {
    font-size: 0.8em;
}

.listingbutton, span.spacer {
    font-size: 1em;
    font-weight: normal;
    text-decoration: none;
    color: black;
    padding: 2px 8px;
}


.listingbutton:hover {
    background-color: #2b2e83;
    color: #fff
}

.searchbox {
    width: 100%;
    height: 20px;
    font-size: 1em;
    color: #000;
    border-radius: 5px;
    background-color: #dedede;
    border-color: #dedede;
    border-style: none;
}

footerlinks{
    text-align:right;
}

div.minimenu {
    margin-top: 10px;
}

div.minimenu div {
    vertical-align: bottom;
}

div.minimenu div a {
    color: white;
    display: block;
    border-radius: 5px 5px 0px 0px;
    text-align: center;
    margin: 0px;
    min-height:100%;
}

    div.minimenu div a.active {
        background-color: #2b2e83;
    }

    div.minimenu div a.inactive {
        background-color: #2daae1;
    }

    div.minimenu div a.inactive:hover {
        background-color: #2b2e83;
    }

hr.shortbreak {
    display:block;
    height:10px;
    color:white;
    padding:0px;
    margin:0px;
    border:none;
}