/* Custom stylesheet for code snippets */

.page .entry-header {
    display: none!important;
}

article .entry-header {
    display: none!important;
}

main {
    min-height: calc(100vh - 70px);
}

footer {
    bottom: 0!important;
    width: 100%!important;
}

.site-logo img {
    max-height: 50px!important;
    max-width: 50px!important;
}

.site-logo img:hover {
    cursor: pointer!important;
}

.site-logo-cols {
    width: auto!important;
}

.site-description {
    font-weight: bold!important;
    color: #000!important;
}

li, h2, p, h4, h5, h6 {
    font-family: Arial, "Times New Roman", "Bitstream Charter", Times, serif!important;
}


/*Front Page Header*/

.site-header {
    position: relative!important;
    padding: 0!important;
    background-color: #1c1c1c!important;
    max-height: 68px!important;
    max-width: 100%!important;
}

.header-nav-main i {
    color: #fff!important;
}

.header-nav-main-cols {
    width: auto!important;
    right: 10px!important;
    position: absolute!important;
}

.main-menu-explore {
    margin-top: -14px!important;
    margin-bottom: 44px!important;
    font-size: 30px;
}

.header-search img {
    margin-top: 12px!important;
    max-height: 24px!important;
    max-width: 24px!important;
}

.header-search img:hover {
    cursor: pointer!important;
}

.header-search-cols {
    width: auto!important;
    right: 76px!important;
    position: absolute!important;
}


/*Main Menu*/

.hfe-nav-menu a {
    color: #fff!important;
}

.hfe-flyout-overlay {
    background-color: transparent!important;
}

.hfe-flyout-content {
    max-height: 70%!important;
    min-height: 536px!important;
    position: relative!important;
}

.hfe-flyout-content li {
    font-size: 20px!important;
}

.hfe-flyout-content li img {
    width: 32px!important;
    height: 32px!important;
    margin-left: 20px!important;
}

.bottom-buttons {
    display: flex!important;
    justify-content: flex-start!important;
}

.bottom-buttons a {
    width: 284px!important;
}

.main-menu-buttons {
    border-bottom: 1px solid #fff!important;
}

.main-menu-buttons, .main-menu-about-us {
    padding: 4px 0 4px 0!important;
    margin-left: 12px!important;
}

.main-menu-bottom-buttons {
    position: absolute!important;
    bottom: 0!important;
    left: 0!important;
}

.main-menu-connect {
    position: absolute!important;
    bottom: 80px!important;
    left: 0!important;
}

.main-menu-bottom-buttons li, .main-menu-connect li {
    background-color: #1b1922!important;
    padding: 16px 0 16px 0!important;
    margin-top: 12px!important;
}

.main-menu-bottom-buttons li:hover, .main-menu-connect li:hover {
    background-color: #23202b!important;
    cursor: pointer!important;
}

.main-menu-bottom-buttons li a, .main-menu-connect li a {
    margin-left: 8px!important;
}


/*Front Page Body*/

.qualifications-cols {
    padding: 40px 28px!important;
}

.qualifications {
    font-size: 16px!important;
    width: 828px!important;
    font-weight: bold!important;
    color: #fff!important;
    text-shadow: 1px 1px 4px #000;
}

#applyButton:hover {
    background-color: #2c88e6!important;
}

.featured-content p {
    border-radius: 10px!important;
    max-height: 100% !important;
    text-decoration-color: #000!important;
}

.featured-content-background {
    background-color: #fff!important;
    border-radius: 40px!important;
    width: 300px!important;
    height: 430px!important;
}

.featured-insights div {
    margin: 4px 4px 4px 4px!important;
    display: flex!important;
    justify-content: space-around!important;
}

.featured-insights {
    padding: 100px 0 24px 0!important;
    background-color: #1c1c1c!important;
}

.featured-header h2 {
    color: #fff!important;
    margin: -100px 0 0 -112px!important;
}

.featured-header-cols {
    position: absolute!important;
    top: 0!important;
    left: 0!important;
    width: 500px!important;
}

.featured-previous, .featured-next {
    max-height: 100px!important;
    max-width: 100px!important;
}

.featured-previous {
    position: absolute!important;
    left: 0!important;
    top: 40%!important;
}

.featured-next {
    position: absolute!important;
    right: 0!important;
    top: 40%!important;
}

.featured-arrows {
    max-width: 120px!important;
}

.body-content h2 {
    margin: auto!important;
}

.contact-button {
    background-color: #3197fe!important;
    border-radius: 10px!important;
    width: 160px!important;
    height: 48px!important;
    color: #fff!important;
    margin: auto!important;
}

.contact-button p {
    margin-top: 10px!important;
    font-size: 20px!important;
    font-weight: bold!important;
}

.contact-button:hover {
    cursor: pointer!important;
    background-color: #2c88e6!important;
}

.contact-button a {
    color: #fff!important;
}

.latest-staffme {
    padding: 0!important;
    display: flex!important;
    justify-content: space-around!important;
}

.latest-staffme img {
    border-radius: 28px!important;
    max-width: 100%!important;
    max-height: 100%!important;
}

.read-article {
    font-size: 24px!important;
    font-weight: bold!important;
    color: #e93b9a!important;
}

.read-article:hover {
    cursor: pointer!important;
}

.read-article-cols {
    padding: 0!important;
    margin: 0!important;
}


/*Front Page Footer*/

.site-footer {
    background-color: #1c1c1c!important;
    position: relative!important;
}

.resources-pages, .company-pages {
    margin-bottom: 2px!important;
}

.resources-pages p, .company-pages p {
    font-size: 16px!important;
    width: 92px!important;
}

.resources-pages p:hover, .company-pages p:hover {
    text-decoration: underline!important;
    cursor: pointer!important;
}

.resources-cols {
    margin-top: 8px!important;
    width: 228px!important;
}

.resources-pages a, .company-pages a {
    color:#fff!important;
}

.company-cols {
    margin-top: 8px!important;
    width: 70%!important;
}

.latest-insights-cols {
    width: 232px!important;
}

.footer-icons img {
    max-height: 24px!important;
    max-width: 24px!important;
}

.footer-icons img:hover {
    cursor: pointer!important;
}

.footer-icons-cols {
    height: 42px!important;
    width: 42px!important;
}

.subscribe-button {
    background-color: #3197fe!important;
    border-radius: 10px!important;
    width: 212px!important;
    color: #fff!important;
    font-size: 22px!important;
    font-weight: bold!important;
    height: 48px!important;
}

.subscribe-button p {
    margin: 8px 28px 0 28px!important;
    min-width: 180px!important;
}

.subscribe-button:hover {
    cursor: pointer!important;
    background-color: #2c88e6!important;
}

.about-company {
    padding: 0!important;
    background-color: #1c1c1c!important;
    position: relative!important;
}

.about-company:hover {
    cursor: pointer!important;
}

.about-company h5 {
    color: #fff!important;
    margin-top: 24px!important;
}

.about-company-cols {
    width: 248px!important;
}

/*My Tickets, Submit Ticket and Specific Ticket*/
.logged-in .entry-content > * {
    margin-bottom: 80px!important;
    background: rgba(10, 10, 55, .7)!important;
    box-shadow: 10px 10px 10px rgba(0, 0, 0, .5)!important;
    border-radius: 5px!important;
    max-width: 880px!important;
    padding: 4px 26px!important;
    margin-top: 50px!important;
    border: 2px solid #fff!important;
    font-family: Arial, "Times New Roman", "Bitstream Charter", Times, serif;
}

.wpas-reply-attachements strong {
    color: #000!important;
}

.wpas-reply-attachements ul, .wpas-reply-attachements a {
    color: #0a6ebd!important;
}

.wpas-alert-info {
    background-color: transparent!important;
    border-color: transparent!important;
    color: #fff!important;
    text-align: center!important;
}

.wpas-alert-info a {
    color: #00bfff!important;
}

.wpas-ticket-details .wpas-alert-info {
    text-align: left!important;
}

.wpas-alert-success {
    text-align: center!important;
}

.wpas-ticket-replies>tbody>tr.wpas_user_administrator>td,
.wpas-ticket-replies>tbody>tr.wpas_user_wpas_agent>td,
.wpas-ticket-replies>tbody>tr.wpas_user_wpas_manager>td,
.wpas-ticket-replies>tbody>tr.wpas_user_support_manager>td {
    background-color: #131031;
}

.ticket-template-default div,
.logged-in, .wpas-alert {
    font-family: Arial, "Times New Roman", "Bitstream Charter", Times, serif;
    color: #fff!important;
}

.wpas_table_pagination>li>a {
    color: #000!important;
}

/*Ticket reply button*/
.wpas-btn {
    margin-bottom: 30px!important;
}

/*Ticket top button*/
.wpas-ticket-buttons-top a {
    color: #000!important;
    margin-top: 30px!important;
}

/*Table*/
.wpas-table > thead > tr > td,
.wpas-table > tbody > tr > td,
.wpas-table > tfoot > tr > td {
    padding: 18px!important;
    line-height: 1.42857143!important;
    vertical-align: top!important;
    border: none!important;
    border-top: 1px solid #fff!important;
}

/*Date & Time*/
td time {
    font-weight: bold!important;
}

/*Priority*/
.wpas-label-ticket_priority {
    color: #61abef!important;
    font-size: 16px!important;
    background-color: transparent!important;
}

.wpas-user-profile img, .wpas-form-control, .wpas-reply-attachements, #close_ticket {
    border: 2px solid #fff!important;
}

div.checkbox input {
    display: none;
}

div.checkbox label {
    text-transform: uppercase!important;
    width: 160px!important;

    color: #333!important;
    background-color: #fff!important;
    border-color: #ccc!important;

    padding: 6px 12px!important;
    font-size: 14px!important;
    line-height: 1.42857143!important;

    box-sizing: border-box!important;

    cursor: pointer!important;

    text-align: center!important;
    white-space: nowrap!important;
}

div.checkbox label:hover {
    background-color: #e6e8e4!important;
    text-decoration: underline!important;
}

.wpas-break-words p span {
    color: #fff!important;
    font-size: 18px!important;
}

/*Application Form*/
.application-form, .technical-report-form {
    font-family: Arial, "Times New Roman", "Bitstream Charter", Times, serif;
    letter-spacing: 1px!important;
    text-shadow: 1px 1px 4px #000;
    color: #fff!important;
}

.application-form h5, .technical-report-form h5 {
    font-size: 50px!important;
    text-align: center!important;
    letter-spacing: 1px!important;
}

.application-form .forminator-label, .application-form .forminator-radio-label,
.technical-report-form .forminator-label, .question__h {
    color: #fff!important;
    font-size: 18px!important;
    text-shadow: 1px 1px 4px #000 !important;
}

.sections__title{
    color: #fff!important;
    text-shadow: 1px 1px 4px #000 !important;
}

.question__h{
    margin:0px!important;
    padding:0px!important;
}

.application-form .forminator-button-submit, .technical-report-form {
    border-radius: 5px!important;
    background-color: #c5c4d2!important;
    color: #100c2b!important;
    display: flex!important;
    align-items: center!important;
    justify-content: center!important;
}

.application-form .date input {
    margin-top: -5px!important;
}

.application-form .forminator-file-upload {
    background-color: #fff!important;
    padding: 3px!important;
}

.application-form .submit-button, .technical-report-form .submit-button, .forminator-button-next, .forminator-button-back {
    font-weight: bold!important;
    color: #fff!important;
    font-size: 20px!important;
    width: 152px!important;
    letter-spacing: 2px!important;
    background-color: #3197fe!important;
    border-radius: 10px!important;
}

.application-form .submit-button:hover, .technical-report-form .submit-button:hover {
    background-color: #2d8ded!important;
}

.technical-report-form .forminator-module-edit-link {
    display: none!important;
}

.logged-in .qualifications, .logged-in .qualifications-cols, .logged-in .apply-button {
    display: none!important;
}

body:not(.logged-in) .logged-in-spacer, body:not(.logged-in) .logged-in-spacer-cols {
    display: none !important;
}

@media screen and (max-width: 1024px) {
    .hfe-flyout-content {
        background-color: #222222ed!important;
    }
}

@media screen and (max-width: 768px) {
    .logged-in .main-menu-explore {
        margin-top: 0!important;
    }
}

@media screen and (max-width: 450px) {
    .qualifications-cols .elementor-widget-wrap {
        background: rgba(0, 0, 0, .6)!important;
        box-shadow: 10px 10px 10px rgba(0, 0, 0, .5)!important;
        text-shadow: 1px 1px 4px #000;
        padding: 40px 28px!important;
    }
}

.logged-in #eckb-article-content {
    color: #000!important;
}